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());
})

```
You can use jQuery in order to do this stuff more easy:

So, the content maybe can't be loaded because of **Access-Control-Allow-Origin**, this happens when you trying to access a URL you don't own or is reestricted.

Check the code here

```js
jQuery(document).ready(function(){
  jQuery("#select-content").change(function(){
      var content_url = jQuery("#select-content option:selected").val();
      if(content_url){
          jQuery("#content-display").load(content_url);
        }
    });
});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="select-content">
  <option value="">-- select content --</option>
  <option value="http://example.com/1">Content 1</option>
  <option value="http://example.com/2">Content 2</option>
  <option value="http://example.com/3">content 3</option>
  <option value="http://example.com/4">Content 4</option>
</select>
<div id="content-display"></div>
```