将选择变成<ul>

turn a select into a <ul>

本文关键字：ul gt 选择 lt      更新时间：2023-09-26

像这样选择：

<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，该js具有将某些表单放入字段的值，在select中选择哪个表单，但我宁愿为它设置ul？

试试这个：

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

检查小提琴http://jsfiddle.net/eT6k7/

尝试以下

 $(document).ready(function(){
    var html=''
    $('#subject option').each(function() {
     html= '<li>'+$(this).text()+'</li>';
    });
    $('#subject').replaceWith($('<ul>' + html + '</ul>'));
    });
相关文章：