如何通过单击唯一按钮来保存下拉列表/复选框菜单选项和占位符值?

时间:2015-02-25 10:26:18

标签: javascript jquery html checkbox drop-down-menu

我是Jquery的新手,这是我的问题。

1)我有一个下拉菜单和一个要设置的占位符,通过点击按钮我想保存这两个值。这是我为保存占位符输入值而编写的,如何同时保存和使用下拉菜单值?

<select name="comparison" id="comparison" size="1">
    <option value=" " selected="selected"> -- </option> 
    <option value="minor"> < </option>
    <option value="equal"> = </option>
</select>
<input id="search-price" type="text" placeholder=" insert price..."/>
<button id="run-search-price">Search</button> 

 <script type="text/javascript">
     var runSearch = function () {
            var searchText = $('#search-price').val();        
            var queryPrice = {....}
            [...]
        };    
        $('#run-search-price').click(runSearch);
  </script>

2)类似的问题,我有一个复选框菜单和一个下拉菜单,我想保存值以将它们用于我的查询,该怎么做?

希望这是明确的,提前谢谢你,并对可能的错误表示抱歉。

1 个答案:

答案 0 :(得分:0)

单击“搜索”按钮时,您需要选择选项和文本框值。如果我找到htmlCode

,我是正确的

&#13;
&#13;
function search(){
      alert($("#comparison option:selected").val()+$("#search-price").val() )
}
&#13;
<select name="comparison" id="comparison" size="1">
    <option value=" " selected="selected"> -- </option>
    <option value="minor"> < </option>
    <option value="equal"> = </option>
</select>
<input id="search-price" type="text" placeholder=" insert price..."/>
<button id="run-search-price" onclick="search()">Search</button>
&#13;
&#13;
&#13;