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

我正试图通过javascript或jQuery将已经填充的dropdownlist转换为单个文本框，但我想不通

我想删除/更改“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>

9100

您可以循环浏览每个选项，并为每个选项创建一个新的TableRow。对于每个TableRow，您可以填写选项字段的值
之后，您可以将创建的行添加到表对象中。

---

希望这能告诉你基本的想法。问候

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

你可以这样做

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

var html=”“；
$（“#stuff”）.remove（）；
$（“.mainstuff”）.append（html）；

请参见上的演示

你可以根据你的要求调整它

希望这对您有所帮助。

您可以做到这一点

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

var html=”“；
$（“#stuff”）.remove（）；
$（“.mainstuff”）.append（html）；

请参见上的演示

你可以根据你的要求调整它

---

希望这能对你有所帮助。

这里有一把小提琴演示@CyrillC解释的内容：

这里有一把小提琴演示@CyrillC解释的内容：