在HTML选择选项下拉菜单中添加输入功能

罗夏

现在,JS稍后使用的search_type始终是“人物”,这在隐藏的输入字段中可以看到。

如何使所选选项的值成为与名称“ search_type”相关联的值?

<input type="hidden" name="search_type" value="people"> <!-- This obviously needs to change-->
<div class="medium-4 columns">
   <select>
      <option value="default">All Categories</option>
      <option value="people">People</option>
      <option value="items">Items</option>
   </select>
</div>

我尝试将所有选项名称的名称更改为search_type,但这没有用。我也尝试过其他方法,但无法解决。任何帮助将非常感激。

这是调用它的Javascript行:

search_type: $('input[name="search_type"]').val(),

注意:我在Zurb Foundation工作

伊森

简而言之,当您已经有了一个完全可用的输入字段时,就无需添加另一个输入字段了!更改您的代码,以使它<select>包括name属性,就像这样,并摆脱隐藏的输入:

<div class="medium-4 columns">
   <select name="search_type">
      <option value="default">All Categories</option>
      <option value="people">People</option>
      <option value="items">Items</option>
   </select>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在选择选项下拉菜单中添加输入文本

如何在反应中选择下拉菜单中的选项下添加子选项?

反应:根据选择选项下拉菜单执行不同的操作

使用JavaScript动态生成的选择选项下拉菜单

如何在Angular Directive中使用选择选项下拉菜单?

选择选项下拉菜单不适用于Chrome

打印出回声内的选择选项下拉菜单

下拉菜单中的Angular 4设置选择选项

下拉菜单中的Python硒选择选项

下拉菜单中的python硒选择选项

如何在下拉菜单中添加文本框选择选项

重新显示原始下拉选项下方的HTML中的相同下拉菜单?

使用 selenium python 在下拉菜单中选择选项后,在文本框中输入值

如何在其他下拉选项中进行选择,从1个下拉菜单中添加/删除选择选项

允许用户从下拉菜单中选择选项

从下拉菜单中选择选项后的事件

如何从多个下拉菜单中选择选项Selenium

如何避免下拉菜单自动选择选项

Python - 从下拉菜单中选择选项

修复选择选项中下拉菜单的宽度

RSelenium:从下拉菜单中选择选项

树枝设置在下拉菜单中选择选项

在 Jmeter 的 Selenium WebDriver 的下拉菜单中选择选项

jQuery:单击div->下拉菜单的选择选项

从使用JavaScript填充的下拉菜单中选择选项

使用JSTL设置HTML下拉菜单选择选项

为用户提供从下拉菜单中选择或输入自己的选项并将其添加到表格中的选项

禁用除0以外的其他下拉菜单中的选择选项

如何在下拉菜单中动态选择选项?