将输入功能添加到HTML选择选项下拉列表

时间:2015-09-15 06:06:21

标签: html zurb-foundation html-input

现在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工作

1 个答案:

答案 0 :(得分:1)

简单地说,当您已经拥有一个完全可用的输入字段时,无需添加另一个输入字段!更改代码,以便<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>