将下拉列表转换为文本框

Convert drop-down into textbox?

本文关键字：文本 转换 下拉列表      更新时间：2023-09-26

我正试图通过javascript或jQuery将已经填充的下拉列表转换为单个文本框，但无法解决！

我想删除/更改"Select"到"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>

您可以循环浏览每个选项，并为每个选项创建一个新的TableRow。对于每个TableRow，您可以填写选项字段的值
然后，您可以将创建的行添加到表对象中。希望这个告诉你基本的想法。欢迎

这是一把小提琴，展示了@CyrillC的解释：http://jsfiddle.net/pnRQb/

您可以执行此

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

请参阅jsFiddle.net 上的演示

你可以根据自己的要求进行调整。

希望这对你有帮助。

相关文章：