Question

我的HTML标记中有2个<select>列表。其中一个可以在Web表单中访问，第二个是隐藏的。它们彼此相关。

我想获取#list2的值，而不是selectedIndex ID。

网络表单中显示的第一个列表：

<select id="list1" name="name" class="form-control">
  <option value=""></option>
  <option value="004">Alpha</option>
  <option value="001">Beta</option>
  <option value="006">Delta</option>
  <option value="020">Omega</option>
</select>

隐藏在网络表单中的第二个列表：

<select id="list2" name="amount" class="form-control" style="display:none">
  <option value=""></option>
  <option value="004">1.00</option>
  <option value="001">2.00</option>
  <option value="006">3.00</option>
  <option value="020">4.00</option>
</select>

示例： 当＆＃34; Delta＆＃34;的下拉列表项目时被选中我想使用值＆＃34; 3.00＆＃34;在我的jQuery函数中。

Answer 1

http://jsfiddle.net/9uprxkmk/1/

$('#list1').on('change', function(){
    alert($('#list2 option[value="'+$(this).find(":selected").val()+'"]').html());   
});

Answer 2

$(function(){
    //cache the list
    var $list1 = $('#list1');
    //cache the other list options
    var $list2Options = $('#list2 option');
    
    $list1.on('change', function(){
        //filter on the value and get the second value
        console.log( $list2Options.filter('[value="'+ this.value +'"]').text() );
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="list1" name="name" class="form-control">
  <option value=""></option>
  <option value="004">Alpha</option>
  <option value="001">Beta</option>
  <option value="006">Delta</option>
  <option value="020">Omega</option>
</select>

<select id="list2" name="amount" class="form-control" style="display:none">
  <option value=""></option>
  <option value="004">1.00</option>
  <option value="001">2.00</option>
  <option value="006">3.00</option>
  <option value="020">4.00</option>
</select>

Answer 3

您可以使用以下选择器：

$("#list1 option:selected").html();

那应该抓住所选元素的开始和结束选项标签之间的内容。

如何获得＆＃34;相关的价值？ jQuery中的selectedIndex

3 个答案: