Responsive Dropdown

by Joe Saad

HTML

<select id="indexList" name="indexList" multiple="multiple" size="25">
<option value="ada"><a href="ada">Ada</a></option>
<option value="asp">ASP</option>
<option value="assembly">Assembly</option>
<option value="batch">Batch</option>
<option value="C">C</option>
<option value="c++">C++</option>
<option value="c#">C#</option>
<option value="css">CSS</option>
<option value="flash">Flash Actionscript</option>
<option value="fortran">Fortran</option>
<option value="html">HTML</option>
<option value="java">JAVA</option>
<option value="javascript">JavaScript</option>
<option value="jsp">JSP</option>
<option value="objective-c">Objective C</option>
<option value="pascal">Pascal</option>
<option value="php">PHP</option>
<option value="perl">Perl</option>
<option value="python">Python</option>
<option value="ruby">Ruby</option>
<option value="sql">SQL</option>
<option value="xml">XML</option>
</select>
<p>
    <input type="text" />
</p>

JavaScript

/*

$('select').change(function(){
    alert($('option:selected').text());
    $('input').val($('option:selected').text());
    
});

*/


$('body').on('change', 'select', function() {

    $('input').val($('option:selected').text());

});