0

その場で変更する必要のある複数のオプション値があります。これは私が持っているものであり、私は変更する必要があります。

私の現在のオプション値は何ですか：

 <select>
   <option value="wood">wood</option>
   <option value="plastic">plastic</option>
   <option value="metal">metal</option>
   <option value="fiberglass">fiberglass</option>
 </select>

オプション値が必要なもの：

  <select>
   <option value="epoxy">epoxy</option>
   <option value="aluminium">aluminium</option>
   <option value="carbon">carbon</option>
   <option value="titanium">titanium</option>
 </select>

どんな助けでも素晴らしいでしょう!!!

4

2 に答える 2

1

配列を作成し、次のeachメソッドを使用できます。

var arr = ["epoxy", "aluminium", "carbon", "titanium"];

$('select option').each(function(i){
   $(this).text(arr[i]).val(arr[i])
})
​

http://jsfiddle.net/AnBCY/

于 2012-09-29T18:22:14.170 に答える
1

これは 1 つの解決策です。

var new_options = ["epoxy", "aluminium", "carbon", "titanium"]; // New options
var select = $('select'); // Select the specific select (should probably be a id selection here
select.html(''); // Remove old options
for( item in new_options ​) { // Loop through new options
    $('<option></option>').text(new_options[item]) // Add the new text
                          .val(new_options[item]) // Add the new value
                          .appendTo(select); // Add it as an option
}​

ここにもフィドルがあります：http://jsfiddle.net/kZMTJ/

于 2012-09-29T18:25:45.233 に答える