<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 實例 - 選擇框</title>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script>
$(function(){
$("input:button").click(function() {
var all = "";
$("select option").each(function() {
all += $(this).attr("value")+" ";
});
var sel = $("select").val();
alert("多選列表所有的value值:"+all+" 其中被選中的是:"+sel );
});
})
</script>
<style>
select{width:200px;height:500px;padding:10px;border:4px dashed #ccc;}
select option{margin:5px;}
input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}
</style>
</head>
<body>
<form role="form">
<select id="multi-sel" multiple="multiple">
<option value="1">蘿蔔，我的value是1</option>
<option value="2">青菜，我的value是2</option>
<option value="3">小蔥，我的value是3</option>
<option value="4">豆腐，我的value是4</option>
</select>
<input type="button" value="點擊顯示選擇的項目">
</form>
</body>
</html>Jquery 多選下拉框取值
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Jquery ajax 異步中獲取this對象無效
原始寫法 $(".List").each(function () { var objid = $(this).attr("id"); $.ajax({ ur