javascript - javascript配列を選択

Question

すべてのオプションを JavaScript 配列として保存したい

HTML

 <select id="mySelect">
  <option value="0"> option 2 </option>
  <option value="0"> option 3 </option>
  <option value="0"> option 4 </option>
  <option value="0"> option 5 </option>
 </select>

JS

 $select = $("#mySelect");
 $options = $select.find("option");

 for(var i = 0; i < $options.length; i++ ) {
  alert($options[i].val()); 
}

alert($options[i].val());うまくいきません、私は得ました$options[i].val() is not a function

Answer 1

オプション 1: 配列

var options = [];

$("#mySelect option").each(function() {
  options.push($(this).val());
});

options次のようになります。

['0', '0', '0', '0']

オプション 2: オブジェクト

を(例:または)text内に保存する場合は、おそらくこれを配列ではなく Javascript オブジェクトに保存する必要があります。これを見てください：<option>option 2option 3

var options = {};

$("#mySelect option").each(function() {
  options[$(this).html()] = $(this).val();
});

options次のようになります。

{
  ' option 2 ': '0',
  ' option 3 ': '0',
  ' option 4 ': '0',
  ' option 5 ': '0'
}