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，但我宁愿有一个 ul 用于它？

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