js设置下拉框选中,js怎么能取得多选下拉框选中的多个值
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>each打印出li信息</title>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$("#btn").click(function(){
var val_info="";
$.each($("#sel_wangzhan :checked"),function(index,item){
alert($(item).val());
if(val_info!=""){
val_info +=",";
}
val_info +=$(item).val();
});
alert(val_info);
});
});
</script>
</head>
<body>
<select id="sel_wangzhan" style="width:150px;" multiple data-live-search="false">
<option value="深圳网站建设">深圳网站建设</option>
<option value="电子商务网站建设">电子商务网站建设</option>
<option value="网站建设">网站建设</option>
<option value="深圳网站优化">深圳网站优化</option>
<option value="深圳网站设计">深圳网站设计</option>
</select>
<input type="button" value="得到选择的信息" id="btn" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>each打印出li信息</title>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$("#btn").click(function(){
var val_info="";
$.each($("#sel_wangzhan :checked"),function(index,item){
alert($(item).val());
if(val_info!=""){
val_info +=",";
}
val_info +=$(item).val();
});
alert(val_info);
});
});
</script>
</head>
<body>
<select id="sel_wangzhan" style="width:150px;" multiple data-live-search="false">
<option value="深圳网站建设">深圳网站建设</option>
<option value="电子商务网站建设">电子商务网站建设</option>
<option value="网站建设">网站建设</option>
<option value="深圳网站优化">深圳网站优化</option>
<option value="深圳网站设计">深圳网站设计</option>
</select>
<input type="button" value="得到选择的信息" id="btn" />
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询