Javascript 在selectbox内的复选框中,如何获取选中值?
这是我的代码。我试图打印选定框中的选定值。但它只打印选定项目的第一个值。我不知道如何获取选定值的长度。有人帮我解决此问题吗Javascript 在selectbox内的复选框中,如何获取选中值?,javascript,jquery,html,Javascript,Jquery,Html,这是我的代码。我试图打印选定框中的选定值。但它只打印选定项目的第一个值。我不知道如何获取选定值的长度。有人帮我解决此问题吗 <html> <head> <title>jQuery Dropdown CheckList</title> <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.13.custom.css">
<html>
<head>
<title>jQuery Dropdown CheckList</title>
<link rel="stylesheet" type="text/css" href="jquery-ui-1.8.13.custom.css">
<link rel="stylesheet" type="text/css" href="ui.dropdownchecklist.themeroller.css">
<style>
table td { vertical-align: top }
dd { padding-bottom: 15px }
</style>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="ui.dropdownchecklist-1.4-min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#s10").dropdownchecklist( { forceMultiple: true
, onComplete: function(selector) {
var values = "";
for( i=0; i < selector.options.length; i++ )
{
if (selector.options[i].selected && (selector.options[i].value != ""))
{
if ( values != "" )
values += ";";
values += selector.options[i].value;
}
}
alert(values);
}
, onItemClick: function(checkbox, selector)
{
var justChecked = checkbox.prop("checked");
var checkCount = (justChecked) ? 1 : -1;
for( i = 0; i < selector.options.length; i++ ){
if (selector.options[i].selected )
checkCount += 1;
}
}
});
});
</script>
</head>
<body>
<div id="content">
<table>
<tr>
<td>
<select id="s10">
<option value=""></option>
<option value='a'>Alice</option>
<option value='b'>Bob</option>
<option value='c'>Christian</option>
<option value='d'>Daniel</option>
<option value='e'>Elizabeth</option>
</select>
</td>
</tr>
</table>
</div>
</body>
</html>
使用
:selected获取所选选项:
$('#s10 option:selected').val();
我想说的是:
试试这个,希望能奏效
<select id="s10" multiple="multiple">
<script type="text/javascript">
$(document).ready(function() {
var foo = [];
$('#s10:selected').each(function(i, selected){
foo[i] = $(selected).text();
});
});
</script>
$(文档).ready(函数(){
var foo=[];
$('#s10:selected')。每个(函数(i,selected){
foo[i]=$(选定).text();
});
});
我在下拉列表功能后添加了此选项,这是否会产生任何问题此打印最后选定的项目第一个字母为什么不尝试更改#s10
的事件并获取选项值?我要更改什么事件
$('#s10').change(function(){
alert($('option:selected',this).val());
});
<select id="s10" multiple="multiple">
<script type="text/javascript">
$(document).ready(function() {
var foo = [];
$('#s10:selected').each(function(i, selected){
foo[i] = $(selected).text();
});
});
</script>
$('#checkboxId').change(function(){
alert($('option:selected',this).val());
});