javascript - 我想从组合框获取搜索表单的值

Question

我有一个像这样的组合框:

<select>
    <option value="product">Product</option>
    <option value="company">Supplier</option>
</select>

我想从组合框获取值到我的搜索表单

<span class="search_input_box">
    <input type="text" name="q" id="SearchKeyword" value="What are you looking for..." onblur="if (this.value=='') this.value='What are you looking for...';" onfocus="if (this.value='What are you looking for...') this.value='';" />
</span>

我尝试在组合框中使用 onchange="document.getElementById('hdModule').value=this.value"，但它不起作用。

Answer 1

通过在您的 <select> 上使用此代码标签

onchange="document.getElementById('hdModule').value=this.value"

您正在更改 hdModule 的值而不是文本框( SearchKeyword )。您需要更改文本框的值。将您的代码更改为以下内容

<select onchange="document.getElementById('SearchKeyword').value=this.value">
    <option value="product">Product</option>
    <option value="company">Supplier</option>
</select>

<span class="search_input_box">
    <input type="text" name="q" id="SearchKeyword" value="What are you looking for..." onblur="if (this.value=='') this.value='What are you looking for...';" onfocus="if (this.value='What are you looking for...') this.value='';" />
</span>

演示:http://jsfiddle.net/kogmyLda/

编辑

如果你不想Product或Supplier第一次加载时选择，添加一个空选项，如下

<select onchange="document.getElementById('SearchKeyword').value=this.value">
    <option></option>
    <option value="product">Product</option>
    <option value="company">Supplier</option>
</select>

<span class="search_input_box">
    <input type="text" name="q" id="SearchKeyword" value="What are you looking for..." onblur="if (this.value=='') this.value='What are you looking for...';" onfocus="if (this.value='What are you looking for...') this.value='';" />
</span>

演示:http://jsfiddle.net/kogmyLda/1/