javascript - 選択を

Question

次のように選択します。

<select name="subject" onChange="mailsubject(this.value)">
    <option value="0">General Enquiry</option>
    <option value="1">Chatmaster Complaint</option>
    <option value="2">Chatmaster Application</option>
    <option value="3">Technical Issue</option>
</select>

このような ul に:

<ul>
    <li>General Enquiry</li>
    <li>Chatmaster Complaint</a></li>
    <li>Chatmaster Application</a></li>
    <li>Technical Issue</a></li>
</ul>

特定のフォームをフィールドに配置する値を持つjsを引き続き使用できますが、選択時に選択されたフォームはどれですか?

Answer 1

これを試して：

var list = $('<ul>');
$('#subject option').each(function() {
  $('<li>').text($(this).text()).appendTo(list);
});
list.appendTo($('body'));
$('#subject').remove();

フィドルをチェックhttp://jsfiddle.net/eT6k7/

Answer 2

以下を試してください

 $(document).ready(function(){

    var html=''
    $('#subject option').each(function() {
     html= '<li>'+$(this).text()+'</li>';
    });

    $('#subject').replaceWith($('<ul>' + html + '</ul>'));
    });