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在select上被选中，但我宁愿有一个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>'));
    });

将一个选择转换为<ul> </ul>

2 个答案: