Question

我试图通过javascript或jQuery将已经填充的下拉列表转换为单个文本框但是无法弄明白！

我想删除/更改“选择”到“td”元素，结果在这种情况下“9100”的值将显示在文本框中而不是下拉列表中。

您可能会问为什么我这样做，但由于动态HTML构造，答案非常复杂。有没有办法可以通过Jquery或javascript解决上述问题？ Thanx提前！

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

Answer 1

您可以遍历每个选项并为每个选项创建一个新的TableRow。对于每个TableRow，您可以填写选项字段的值。
然后，您可以将创建的行添加到表对象。希望这能告诉你基本的想法。招呼

Answer 2

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

Answer 3

你可以这样做

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

请参阅jsFiddle.net

上的演示

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

希望这会对你有所帮助。

将下拉列表转换为文本框？

3 个答案: