怎样用jQuery动态更新select里面某个option的内容

2024-10-30 14:39:16
推荐回答(3个)
回答1:



 
   New Document 
  
  
  
  




var s1 = ["apple","tea"];
var s2 = {apple:["苹果","香蕉"],tea:["龙井","大红袍"]};
$(function(){
$.each(s1, function(){
$("#sa").append(""+this+"");
});
$("#sa").change(function(){
$("#sb").empty();
$.each(s2[$("#sa").val()], function(){
$("#sb").append(""+this+"");
});
});
//手动触发一次onchange
$("#sa").trigger("change");
});


 


 

 

回答2:

通过选择器获取需要修改的option,使用 .html(修改后的内容) 就可以了

回答3:

$("select option:eq(index)").html("更新内容");index是第几个option