jquery 多选:如何获取值
jquery multiselect: How to get value
我使用jQuery multiSelect插件,但我不知道如何收集右侧的选定值并发送到数据库。
我的 afterselect 不起作用。
HTML
<select multiple="multiple" id="add-group-select" name="my-select[]">
</select>
jQUery
$('#myModal_add_new_group').on('show.bs.modal', function(e) {
$.ajax({
type : 'GET',
url : 'users',
async : true,
success : function(datas) {
//console.log(datas);
stringa ="";
for(var i in datas){
var data = datas[i];
stringa +="<option value=\"add_gmember_"+data.userId+"\">"+data.userName+"</option>";
}
$("#add-group-select").append(stringa);
$('#add-group-select').multiSelect('refresh');
$('#add-group-select').multiSelect({
afterSelect: function(values){
alert("Select value: "+values);
},
afterDeselect: function(values){
alert("Deselect value: "+values);
}
});
}
});
});
string
是:
<option value="add_gmember_1">Ken</option>
<option value="add_gmember_2">wen</option>
<option value="add_gmember_3">win</option>
<option value="add_gmember_24">abc</option>
<option value="add_gmember_26">zoo</option>
<option value="add_gmember_28">1</option>
<option value="add_gmember_29">2</option>
<option value="add_gmember_30">3</option>
<option value="add_gmember_31">4</option>
<option value="add_gmember_32">5</option>
只需使用 .val() 它会 return 你选择的值数组
您可以通过简单的jquery更改函数来获取选定的选项值
例如
$('#add-group-select').change(function(){
console.log($(this).val()); // this will give values of selected option by array
});
我使用jQuery multiSelect插件,但我不知道如何收集右侧的选定值并发送到数据库。
我的 afterselect 不起作用。
HTML
<select multiple="multiple" id="add-group-select" name="my-select[]">
</select>
jQUery
$('#myModal_add_new_group').on('show.bs.modal', function(e) {
$.ajax({
type : 'GET',
url : 'users',
async : true,
success : function(datas) {
//console.log(datas);
stringa ="";
for(var i in datas){
var data = datas[i];
stringa +="<option value=\"add_gmember_"+data.userId+"\">"+data.userName+"</option>";
}
$("#add-group-select").append(stringa);
$('#add-group-select').multiSelect('refresh');
$('#add-group-select').multiSelect({
afterSelect: function(values){
alert("Select value: "+values);
},
afterDeselect: function(values){
alert("Deselect value: "+values);
}
});
}
});
});
string
是:
<option value="add_gmember_1">Ken</option>
<option value="add_gmember_2">wen</option>
<option value="add_gmember_3">win</option>
<option value="add_gmember_24">abc</option>
<option value="add_gmember_26">zoo</option>
<option value="add_gmember_28">1</option>
<option value="add_gmember_29">2</option>
<option value="add_gmember_30">3</option>
<option value="add_gmember_31">4</option>
<option value="add_gmember_32">5</option>
只需使用 .val() 它会 return 你选择的值数组
您可以通过简单的jquery更改函数来获取选定的选项值 例如
$('#add-group-select').change(function(){
console.log($(this).val()); // this will give values of selected option by array
});