javascript - HTML 选择元素不显示更新的选定属性

Question

我在 td 中有一个 html select 元素:

<td colspan="2" id="myOriginalTd">S: 
    <select class="inpDate">
        <option selected="selected" value="01">01</option>
        <option value="02">02</option>
                     .
                     .
        <option value="12">12</option>
    </select>
</td>

如果我将选择元素从一个 td 复制到另一个 td -

$("#myOriginalTd").html(
    $("#myNewTd").html()
);

它显示页面加载时选择元素的原始值。我希望(用户)更改选择元素中的值，然后在单击按钮使其显示新选择的值时将该元素复制到新的 td。谁能告诉我我做错了什么以及做这样的事情的最佳方法？

谢谢!

编辑:感谢您的回复!我会看看他们。这是 jsfiddle 的链接 - jsfiddle demo

Answer 1

首先，为您的选择提供一个 ID(“我假设 selectToCopy)”

$("#myNewTd").children("input[type=select]").val($("#selectToCopy").val());