时间戳

首页 > 解决方案 > 如何正确使用 JQuery 选项选择

javascript - 如何正确使用 JQuery 选项选择

问题描述

我正在学习 JQuery，需要一些有关更改功能的帮助。通过将值附加到单词 example，此示例可以正常工作。

var val = $('#exampleFruit').val();
$('#example'+val).show();

工作 - https://jsfiddle.net/wj_fiddle_playground/mt69f5w4/19/

但是，现在我正在尝试将 optionValue 变量与这样的 value 属性一起使用。

$(this).find("option:selected").each(function(){
var optionValue = $(this).attr("value");

不工作 - https://jsfiddle.net/wj_fiddle_playground/tavg9ec7/11/

如果<option value="1">Apple</option> 选择了苹果下拉菜单应该显示..等。

更新

如果苹果列表是<select id="option2Apple">并且选项值是
<option value="1">Apple</option>

如何从苹果中选择表第 3 行？

小提琴：https ://jsfiddle.net/wj_fiddle_playground/tavg9ec7/18/

<table>
  <tr id="table 1">
   <select id="exampleFruit">
  <option value="">-- Please Select --</option>
  <option value="1">Apple</option>
  <option value="2">Banana</option>
</select>
</tr>

  <tr id="table 2">
  <select id="option1Banana" class="exampleSubselect" style="display: none;">
  <option value="1">Plantain</option>
  <option value="2">Burro</option>
  <option value="3">Cavendish</option>
  </select>
</tr>

  <tr id="table 3">
   <select id="option2Apple" class="exampleSubselect" style="display: none;">
 <option value="1">Red Delicious</option>
  <option value="2">Granny Smith</option>
  <option value="3">Cox's Orange Pippin</option>
</select>

标签： javascripthtmljqueryjquery-ui

解决方案

类似的东西：

$("#exampleFruit option").each(function() {
  var optionValue = $(this).val();
});

推荐阅读