Question: I have a multiple select option that display the result in a div container, when click on ctrl+"orange""apple""banana" the result display: "orange, apple, banana" in one line, but i want to display each result in a new single line with a link that goes to different page like this:

Orange - "goes to a link"   

Apple - "goes to a link"   

Banana - "goes to a link"   

Here are my codes below:

```
<script src="jquery-mobile/jquery-1.8.3.min.js" type="text/javascript">

</script>
<select name="" multiple="multiple" id="select-custom-19">    
    <option>Add Fruits</option>        
    <option value="orange" selected>orange</option> 
    <option value="apple">apple</option>
    <option value="banana">banana</option>             </select>
<div style="width:300px; height:70px; background-color:#E1D903; 
        color:#000000; margin: 10px; "> <span id="yourfruit"> </span>

</div>
<script type="text/javascript">
    $(document).ready(function() {

        $('#select-custom-19').change(function() {
            /* setting currently changed option value to option variable */
            var option = $(this).find('option:selected').val();
            /* setting input box value to selected option value */
            $('#yourfruit').text($(this).val());
        });
    });
</script>

```

your help will be highly appreciated.

Thanks

Answer: 
You can try adding `<br/>` element after every selected option. I have used `<label>` element but you can add link or any other element you want

```
$(document).ready( function ()
     {
     $('#select-custom-19').change(function(){

        $('#yourfruit').empty();

        var values = $(this).val();

        for(var i=0; i < values.length ; i++)
        {
          $('#yourfruit').append('<lable>'+values[i]+'</label><br/>');
        }   
      });
 });

```

**[JSFiddle Demo](http://jsfiddle.net/yqjwa93d/5/)**
You may add `HTML` tags as per your requirements, like `<a>` or `</br>`

```js
$(document).ready(function () {
    $('#select-custom-19').change(function () {
        $('#yourfruit').text("");
        if($(this).val() != null)
        {
           $(this).val().forEach(function (value, index) {
               $('#yourfruit').append("<a href='#'>" + value + "</a></br>");
           });
        }
    });
});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<select name="" multiple="multiple" id="select-custom-19">
    <option>Add Fruits</option>
    <option value="orange" selected>orange</option>
    <option value="apple">apple</option>
    <option value="banana">banana</option>
</select>
<div style="width:300px; height:70px; background-color:#E1D903; 
    color:#000000; margin: 10px; "> <span id="yourfruit"> </span>

</div>
```