HTML select元素不显示更新的选定属性

Question

我在td中有一个html选择元素：

<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>

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

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

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

谢谢！

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

Answer 1

首先，选择一个ID（“我将假设selectToCopy”）

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

Answer 2

试试这个：

 $("#myNewTd").replaceWith($("#myOriginalTd").clone(true, true));