將下拉菜單轉換爲文本框？

我想通過javascript或jQuery將已填充的下拉列表轉換爲單個文本框，但無法找到它！將下拉菜單轉換爲文本框？

我想刪除/更改「選擇」到「td」元素導致在這種情況下的值「9100」將顯示在文本框中而不是下拉列表中。

您可能會問爲什麼我這樣做，但答案很複雜，因爲動態HTML構造。有沒有什麼辦法可以通過jquery或javascript來解決上述問題？感謝提前！

<td class="mainstuff" style="padding-right:0; width:1%; "> 
<select id="stuff" class="boxed" title="" name="stuff"> 
    <option value="9100" title="Something:">9100</option> 
</select> 
</td>

來源

2012-02-13 Haris

你可以做到這一點

var html = "<input id='stuff' type='textbox' value=" 
       + $("#stuff option:first").val() +" />"; 
    $("#stuff").remove(); 
    $(".mainstuff").append(html);

查看jsFiddle.net

演示，您可以根據您的要求調整它。

希望這可以幫助你。

來源

2012-02-13 10:32:03