Javascript HTML选择和文本输入

我们都看到过无数的表单实例，其中一个选择下拉列表中的一个选项是“其他”，在选择该选项时，我们会看到一个输入文本框（一直隐藏），要求我们输入

---

有没有更好的方法来实现这一点？有没有可以让我做得更好的插件？或者，标准的HTML元素是否足够（可以对select标记进行一些设置）？

一个可编辑的组合框可能是一个不错的选择。挑战在于如何设计它，以便用户清楚地知道他实际上可以编辑控件的内容，而不仅仅是选择提供的默认内容。

这是在纸上和web上设计表单的一种相当常见的方法。 我不太清楚你到底是什么意思，有更好的方法

如果您担心如果用户禁用了javascript，隐藏字段就不会出现，我建议您使用javascript隐藏该字段，或者在

noscript

块中有一个重复的“如果其他请指定”文本区域：

<select><!-- implemented something like rahul showed  -->
<noscript>
   <label for="ifOtherInput">If other please specify</label>
   <input type="text" name="ifOtherInput" id="ifOtherInput">
</noscript>
<!-- This is initially hidden and shown by when the user selects the other option -->
<div id="divOther" class="dispnone">
    <!-- Here we know the user selected other so we can just have this label: -->
    <label for="ifOtherInputJs">Please specify</label> 
   <input type="text" name="ifOtherInputJs" id="ifOtherInputJs">
</div>

如有其他情况，请说明
请说明

后端必须处理noscript块中的输入可能丢失的问题。或者，您可以使用javascript将输入的javascript版本添加到输入页面中（因此两者不可能同时出现，以便具有相同的名称）。

您可以使用。例如：

<input list="cookies" placeholder="Type of Cookie"/>

<datalist id="cookies">
    <option value="Chocolate Chip"/>
    <option value="Peanut Butter"/>
    <option value="Raisin Oatmeal"/>
</datalist>

小提琴：

这使用户能够从cookie列表中进行选择，如果在列表中找不到他们寻找的cookie类型，则输入他们自己的cookie类型

---

在您的情况下，我唯一不满的是，用户可能无法立即将其作为下拉列表使用。但这可以通过一点css轻松解决。

我不希望用户编辑下拉列表中可用的选项。这不是我所说的“可编辑组合框”的意思。该控件确实显示带有选项的下拉列表s、 就像一个普通的组合框，但在最上面的部分，在“下拉箭头”旁边，用户可以填写自定义值。你能用一个例子解释一下吗？下面是我在Flash中的意思的一个例子：这是另一个使用javascript的例子：谢谢！polygeek中的这个看起来很适合我。我会尝试一下。谢谢，这正是需要的