Question: i tried to display external content `div` on select option. Here is example

```
    <select>
      <option value="http://www.indiansuperleague.com/atletico-de-kolkata/squad/midfielder-3986-arata-izumi-playerprofile">ARATA
IZUMI</option>
      <option value="http://www.indiansuperleague.com/atletico-de-kolkata/squad/midfielder-10724-borja-fernandez-playerprofile">BORJA
FERNANDEZ</option>
      <option value="http://www.indiansuperleague.com/atletico-de-kolkata/squad/midfielder-10249-clifford-rayes-miranda-playerprofile">CLIFFORD
RAYES
MIRANDA</option>
    </select>
    <div id="content-display"></div>

```

When select I want to display content inside `<div class="player-detailswrap">`. And first option as default.

Please Help

Answer: 
Hello there you can try this

```
$(select).on('change', function(){
  $(#content-display).text($(this).val());
})

```
(If you're comfortable with using jquery)

```
$("#select_id").on("input", function(e){
  $("#content-display").text($(this).val())
});

```

Here's a [fiddle](https://jsfiddle.net/nhtLmqxx/) of it working. `on` works best for listening for events.