怎样用jQuery动态更新select里面某个option的内容
3个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="./jquery-1.11.1.js"></script>
<script type="text/javascript">
var s1 = ["apple","tea"];
var s2 = {apple:["苹果","香蕉"],tea:["龙井","大红袍"]};
$(function(){
$.each(s1, function(){
$("#sa").append("<option value="+this+">"+this+"</option>");
});
$("#sa").change(function(){
$("#sb").empty();
$.each(s2[$("#sa").val()], function(){
$("#sb").append("<option value="+this+">"+this+"</option>");
});
});
//手动触发一次onchange
$("#sa").trigger("change");
});
</script>
</HEAD>
<select id="sa"></select>
<select id="sb"></select>
<BODY>
</BODY>
</HTML>
展开全部
通过选择器获取需要修改的option,使用 .html(修改后的内容) 就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("select option:eq(index)").html("更新内容");index是第几个option
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询