![](/img/trans.png)
[英]how to pass default value in multiselect component to another vue-multiselect
[英]Pass variable to multiSelect value
$.ajax({
type:'POST',
data:({value:10}),
url:'count.php',
success:function(data){
var data=jQuery.parseJSON(data);
console.log(data);
if(data.status==true){
var table=data.data.row;
var staffs=data.staff.STAFF;
var users=staffs.join();
var user = '\'' + users.split(',').join('\',\'') + '\'';
$("#my_multi_select2").multiSelect('select', [user]);
//$("#my_multi_select2").multiSelect('select',['3','4']);
}
}
})
我的用戶值為“ 3”,“ 4”,“ 5”,“ 6”。我如何將其作為變量傳遞給多選選定的值,請幫助我.....
您只需要將值作為數組傳遞給multiselect:
jQuery(document).ready(function($){ var users = '3,4,5,6'; var userarray = users.split(','); $("#my_multi_select2").val( userarray ); console.log( userarray ); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="my_multi_select2" multiple> <option value="1">User 1</option> <option value="2">User 2</option> <option value="3">User 3</option> <option value="4">User 4</option> <option value="5">User 5</option> <option value="6">User 6</option> <option value="7">User 7</option> <option value="8">User 8</option> </select>
根據您的示例:
$.ajax({
type: 'POST',
data: ({value:10}),
url: 'count.php',
success: function(data){
var data = jQuery.parseJSON(data);
console.log(data);
if( data.status == true ){
var table = data.data.row;
var staffs = data.staff.STAFF; //staffs = [["3"],["2"],["4"],["5"]]
var users = staffs.join(); //users = "3,2,4,5"
var userArr = users.split(','); //userArr = ["3", "2", "4", "5"]
$("#my_multi_select2").val(userArr);
}
}
});
Xhynk很好回答。 但仍然分享我的嘗試。
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script>
function selectme(){
$('#public-methods').val(['elem_1', 'elem_2']);
};
</script>
</head>
<body>
<a href='#' id='selectme' onClick="selectme()">select elems</a>
<select id='public-methods' multiple='multiple'>
<option value='elem_1'>elem 1</option>
<option value='elem_2'>elem 2</option>
<option value='elem_3'>elem 3</option>
<option value='elem_4'>elem 4</option>
<option value='elem_5'>elem 5</option>
</select>
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.