Question

我有2个下拉列表，我需要的是当用户从2下拉菜单中选择一个选项时。当用户点击按钮GO时，它将分别显示所选的选项

我希望它是这样的，我只是使用标签来更好地理解

code: 100
message: "XMLHttpRequest failed: {\"onabort\":null,\"onerror\":null,\"onload\":null,\"onloadend\":null,\"onloadstart\":null,\"onprogress\":null,\"ontimeout\":null,\"timeout\":0,\"readyState\":4,\"withCredentials\":false,\"upload\":{\"onabort\":null,\"onerror\":null,\"onload\":null,\"onloadend\":null,\"onloadstart\":null,\"onprogress\":null},\"responseText\":\"\",\"responseXML\":null,\"responseType\":\"\",\"response\":\"\",\"status\":0,\"statusText\":\"\",\"responseURL\":\"\"}"

我的品牌下拉列表实际上是php。

这是我的下拉列表

<label for="bl" class="control-label col-xs-3"><p class="left">Branch:</p></label><p>Branch A</p>

<label for="bl" class="control-label col-xs-3"><p class="left">Category:</p></label><p>Stock</p>

Answer 1

您可以使用jQuery Selectors搜索和匹配文档中的元素。例如，您可以在向[{'gender': 'female', 'grade': 'second', 'marks': {'chemistry': 69, 'physics': 78}, 'name': 'cathy'}, {'gender': 'male', 'grade': 'third', 'marks': {'chemistry': 89, 'physics': 95}, 'name': 'john'}]添加id时使用ID Selectors获取元素的值：

$('#go_btn').on('click', function(){
  var branch = $('#branch_opt option:selected').val();
  var category = $('#category_opt option:selected').val();
  $('#branch_div').html('Branch : '+branch);
  $('#category_div').html('Category : '+category);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="branch_opt">
  <option value="">Branch</option>
  <option value="brancha">Branch A</option>
  <option value="branchb">Branch B</option>
  <option value="branchc">Branch C</option>
</select>

<select id="category_opt">
  <option value="">Category</option>
  <option value="Stock">Stock</option>
  <option value="Sales">Sales</option>
  <option value="Stock Transfer">Stock Transfer</option>
</select>

<input type="button" id="go_btn" value="Go">

<div id="branch_div"></div>
<div id="category_div"></div>

Answer 2

我很难确定你想要完成的是什么。如果我理解您的问题，您希望选择下拉列表中的特定选项吗？

<option value="" selected="yes" style="color:gray;">Category</option>

下拉显示输出

2 个答案: