最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQuery选中下拉列表的实例教程

来源:懂视网 责编:小采 时间:2020-11-27 20:18:01
文档

jQuery选中下拉列表的实例教程

jQuery选中下拉列表的实例教程:jQuery部分:$("#form1 select").change(function () { var s=[]; $("#form1 select :selected").each(function () { var temp=$(this).html(); s.push(temp);//注意这里不能使方括号 }
推荐度:
导读jQuery选中下拉列表的实例教程:jQuery部分:$("#form1 select").change(function () { var s=[]; $("#form1 select :selected").each(function () { var temp=$(this).html(); s.push(temp);//注意这里不能使方括号 }

jQuery部分:

$("#form1 select").change(function () {
 var s=[];
 $("#form1 select :selected").each(function () {
 var temp=$(this).html();
 s.push(temp);//注意这里不能使方括号
 })
 var xx=s.join();//默认中间加逗号
 $("div:last").html(xx);
})


html部分:
<form ic="form1">
下拉列表1:<br/>
<select name="test" multiple="multiple" style="height:100px">
 <option>浙江</option>
 <option selected="selected">湖南</option>
 <option>北京</option>
 <option selected="selected">天津</option>
 <option>广州</option>
 <option>湖北</option>
</select>

<br/><br/>
下拉列表2:<br/>
<select name="test2" >
 <option>浙江</option>
 <option>湖南</option>
 <option selected="selected">北京</option>
 <option>天津</option>
 <option>广州</option>
 <option>湖北</option>
</select>
<br/><br/>
<div></div>
</form>

文档

jQuery选中下拉列表的实例教程

jQuery选中下拉列表的实例教程:jQuery部分:$("#form1 select").change(function () { var s=[]; $("#form1 select :selected").each(function () { var temp=$(this).html(); s.push(temp);//注意这里不能使方括号 }
推荐度:
标签: 教程 选择 选中
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top