Javascript 将选择项转换为<;ul>;

Javascript 将选择项转换为<;ul>;,javascript,Javascript,按如下方式打开选择按钮: <select name="subject" onChange="mailsubject(this.value)"> <option value="0">General Enquiry</option> <option value="1">Chatmaster Complaint</option> <option value="2">Chatmaster Applicatio

按如下方式打开选择按钮:

<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>
    <li>General Enquiry</li>
    <li>Chatmaster Complaint</a></li>
    <li>Chatmaster Application</a></li>
    <li>Technical Issue</a></li>
</ul>

一般查询
聊天室管理员投诉
聊天主机应用程序
技术问题
进入这样一个ul:

<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>
    <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();
var list=$(“
    ”); $(“#主题选项”)。每个(函数(){ $(“
  • ”).text($(this.text()).appendTo(list); }); 附件($('body')); $(“#主题”).remove();
检查小提琴

尝试以下方法

 $(document).ready(function(){

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

    $('#subject').replaceWith($('<ul>' + html + '</ul>'));
    });
$(文档).ready(函数(){
var html=''
$(“#主题选项”)。每个(函数(){
html='
  • '+$(this.text()+'
  • '; }); $(“#主题”)。替换为($(“
      ”+html+”
    ); });
    发票寄往何处?