0

ボタンをクリックするだけで、選択したテキストと値を以下の optGroup selectList から取得する必要があります。みたいな？

      $("#addButton").click(function () {

     var selected = ???
});          


  <select name="list">
    <optgroup label="mammals">
      <option>dog</option>
      <option>cat</option>
      <option>rabbit</option>
      <option>horse</option>
    </optgroup>
    <optgroup label="reptiles">
      <option>iguana</option>
      <option>snake</option>
    </optgroup>
  </select>
4

2 に答える 2

0

「リスト」のような選択にIDを指定すると、これを試すことができます

$(function(){
   $("#addButton").click(function () {
       var select = $('select#list');
       var selectedItem= select.find(':selected');
       var selectedVal = select.val();
       var selectedText = selectedItem.text();
       var optgroupLabel = selectedItem.parent().prop('label');
       alert("val =" + selectedVal + " text ="+ selectedText+" group =" + optgroupLabel );
   });       
});

このデモをチェック

それが役立つことを願っています。

于 2012-09-13T12:17:34.037 に答える
0

Attribute Equalsセレクターとvalメソッドを使用できます。

$("#addButton").click(function() {
    // var selected = $('select[name="list"] :selected');
    var val = $('select[name="list"]').val();
});

valメソッドは、selected の値を返しますoption。ただし、オプション タグには値属性がないため、選択したオプションvalの を返しtextます。

var value = $('select[name="list"] :selected').val();
var text  = $('select[name="list"] :selected').text();

http://jsfiddle.net/DRDsS/

于 2012-09-13T12:08:23.380 に答える