$(function() {
    $("#Friends).change(function() {
        var valuebleFriends = $("#Friends ").val() || "
    ";
        var likes = "
    ";
        if (valuebleFriends != "
    ") {
            var niceFriends = valuebleFriends.toString().split(", ");
            var dudes = $("#Friends: selected ").length;
            $.each(niceFriends, function(i, value) {
                 likes += " < div > ";
                 likes += " < input type = 'text'
    name = 'opval" + (parseInt(i) + 1) + "'
    value = '" + value.trim() + "' > ";
                 likes += " < /div>";

                
            });
            alert("Friends=" + dudes);

        }
        / / Set Result
    $("#result").html(likes);

    });


});

Setting Validate Copy Format

#Friends{
  margin-bottom:10px;
  border:1px solid #333;
  background:#efefef;
  color:#000;
}
#likes input{
  margin-left:10px;
  border:1px solid #333;
  background:#a4c4f4;
  margin-top:1px;
}

Setting Validate Copy Format

<form><marquee direction="right"><font color="green"><h2>Friends Forever</h2></font><marquee>
<table bgcolor="green">
<tr bgcolor="blue">
<td bgcolor="#ffffa9">Shakil Khan’s Friends</td><td>
<select id="Friends" multiple="multiple" style="width: 120px;height: 120px;">
<option value="1">Shakil Khan’s Friends Here</option>
  <option value="2">Balakondaiah</option>
  <option value="3">Nagaraju</option>
  <option value="4">SambaSiva Rao</option>
  <option value="5">Phani Kumar</option>
  <option value="6">Kranthi Kumar</option>
  <option value="7">Mahammad Vali<option>
  <option value="8">All My MCA Friends</option>
  <option value="9">All My Degree Friends</option>
  <option value="10">My Sweet 10th Friends</option>
</select>

    </td>


  </tr></table>
 <div id="likes">
</div>


</form>

Copy Format

Download