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

 我来答
simplelike
2015-04-13 · TA获得超过325个赞
知道小有建树答主
回答量:191
采纳率:0%
帮助的人:143万
展开全部
<!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>
殇星俟月
2018-06-01 · TA获得超过289个赞
知道小有建树答主
回答量:396
采纳率:86%
帮助的人:120万
展开全部
通过选择器获取需要修改的option,使用 .html(修改后的内容) 就可以了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xj黑面书生
2015-04-13 · 超过27用户采纳过TA的回答
知道答主
回答量:80
采纳率:0%
帮助的人:44万
展开全部
$("select option:eq(index)").html("更新内容");index是第几个option
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式