jquery - 使用 jquery 更改多个选项值和文本

Question

我有多个选项值需要即时更改。这就是我所拥有的，我需要改变。

我当前的选项值是：

 <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>

任何帮助都是极好的！！！

Answer 1

您可以创建一个数组并使用以下each方法：

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

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

http://jsfiddle.net/AnBCY/

Answer 2

这是一种解决方案：

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/