jqueryのオプションを選択

Question

を表示するとバグが私はパターンがある複数の選択メニューがあります。

<select name='device$num' id='device$num' size='8' multiple='multiple' >" 

を私はときに、これらの選択の変更のいずれかの値を表示したいです。

私はこれを試しましたが、警告から未定義の値が得られることがあります。なにが問題ですか？

<script> 
    \$("select[id^=device]").change(function() { 
     \$("#paramselection").html(" "); 
     \$("#voltageselection").html(" "); 

     // IF THE DATA HAS CHANGED, FIND OUT WHICH DATA SECTIONS ARE STILL VALID 

     \$("select[id^=device] :selected").val(function(index, value) { 
      alert(value); 
     }); 
    }); 
</script> 

もう1つの質問ですが、id = = device \ d +申し訳ありませんが、私が選択したテキストを取得する

Answer 1

すべての値

devicesのセットでは、をselected-selector^(docs)とし、選択した<option>の要素を取得します。

map()^(docs)を使用して値を含むjQueryオブジェクトを作成し、次にget()^(docs)を使用して、オブジェクトから配列を取得します。

// cache all the "device" elements as you assign the "change" handler 
var devices = $("select[id^=device]").change(function() { 
    $("#paramselection").html(" "); 
    $("#voltageselection").html(" "); 

     // from the "devices" variable, find selected options, and 
     // create an Array of the values 
    var selected = devices.find('option:selected') 
          .map(function(){ 
           return this.value; 
          }).get(); 

    alert(selected); // will alert an array of the selected values 
}); 

Answer 2

はこれにアラートを変更

Perlでもっと慣れています：

device要素をキャッシュし、冗長DOMの選択を回避し、選択された取得するためにそれを使用するために

\$("select[id^='device'] option:selected").each(function() { 
    alert($(this).text()); 
    });