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

How to save dropdown/checkbox menu choice AND placeholder value by clicking a unique button?

本文关键字:菜单 复选框 选项 占位符 下拉菜单 单击 何通过 唯一 按钮 保存      更新时间:2024-05-17

我是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) 类似的问题,我有一个复选框菜单和一个下拉菜单,我想保存这些值以用于我的查询,如何做到这一点?

希望这是清楚的,提前感谢您,并对可能出现的错误表示歉意。

单击"搜索"按钮时,需要同时选择选项和文本框值。如果我是正确的一次找到htmlCode

function search(){
      alert($("#comparison option:selected").val()+$("#search-price").val() )
}
<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>