I have a form with a `<select>` tag. The select has 3 options with values: Book, DVD, and Table. I want to load classes BookType, DVDType and TableTable respectively which each option is selected. The only function of these classes is to change `display` style of different divs from `none` to `block`. I know i can easily accomplish this using conditionals but i was specifically required not to, so i want to use abstract classes instead.
I have created an abstract ProductType :

```
abstract class ProductType {

    abstract public function displayInputs();

}

```

I also created the 3 other classes that extends the ProductType like so;

BookType.php

```
class BookType extends ProductType {

    public function displayInputs(){

       <script language="javascript">

            document.getElementById("book-div").style.display = "block";

        </script>

    }
}

```

DVDType.php

```
class DVDType extends ProductType {

    public function displayInputs(){
        <script language="javascript">

            document.getElementById("dvd-div").style.display = "block";

        </script>

    }
}

```

TableType.php

```
class TableType extends ProductType {

    public function displayInputs(){
       <script language="javascript">

            document.getElementById("table-div").style.display = "block";

        </script>

    }
}

```

Now the issue is i don't know how to get the selected `option` and call on the appropriate class so that the different divs would show up. Please i would really appreciate any help i can get.

NB: I'm using MVC model.

Thank you in advance.