Javascript 保留Selected multiple的值，并使用它们创建表jQuery

我想知道如何保持不同的价值观​​然后从jQuery创建一个数组

让我解释一下

我的多重选择我有5个值：

<select name="animal" id="animal" multiple="multiple"> 
    
<option> value="30"> Cat </ option> 
<option> value="31"> Dog </ option> 
<option> value="32"> Bird </ option> 
<option> value="33"> Cow </ option> 
<option> value="34"> Fox </ option> 

</ select> 

  
value=“30”>类别
value=“31”>狗
value=“32”>鸟
value=“33”>奶牛
value=“34”>福克斯

我选择例如值：30、32、34

当我单击“显示”按钮时，我希望它创建一个如下所示的表：

  <table> 
       <thead> 
          <tr> 
            <th> 
              Animal 
            </ th> 
            <th> 
              Cat 
            </ th> 
            <th> 
              Bird 
            </ th> 
            <th> 
              Fox 
            </ th> 
         </ tr> 
       </ thead> 
       <tbody> 
       </ tbody> 
    </ table>

动物
猫
鸟
福克斯

请用jQuery怎么做

我希望我已经解释了我的问题

---

感谢您以后的回答。

首先要使

选择的标记有效。
选项
标记关闭得太早，导致属性不是标记的一部分

<select name="animal" id="animal" multiple="multiple"> 
<option value="30"> Cat </option> 
<option value="31"> Dog </option> 
<option value="32"> Bird </option> 
<option value="33"> Cow </option> 
<option value="34"> Fox </option> 
</select> 


猫
狗
鸟
母牛
福克斯

还要将按钮和表格添加到标记中：

<button>Show Table</button>
<table>
    <thead>
        <tr>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

显示表格

然后使用以下Javascript/jQuery：

$("button").click(function(){
    var html;
    $("#animal option:selected").each(function(){
        html += "<th>" + this.text + "</th>";
    });
    $("table thead tr").append(html);
});

$（“按钮”）。单击（函数（）{
var-html；
$（“#动物选项：选中”）。每个（函数（）{
html+=“”+this.text+“”；
});
$（“table thead tr”）.append（html）；
});

JS小提琴：

如果您必须动态生成整个表，下面是另一个。
@jayensen很高兴我能提供帮助@Kiranramchandran不会编辑代码中的错误，否则原始海报将不知道他做错了什么，而现有的关于这些错误的答案将不再有意义。