select2 默认选中

来源:互联网 发布:农村淘宝怎么查看佣金 编辑:程序博客网 时间:2024/05/10 01:28
<html>

<head>
<title>项目组</title>

<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<meta name="GENERATOR" content="IBM WebSphere Studio">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<script src='js/jquery-1.11.0.min.js'></script>
<script src='js/select2.js'></script>
<link href="css/select2.css" rel="stylesheet">


</head>

<script>

$(function(){
//设置输入框宽度
$(".js-example-basic-multiple").select2({'width':'500px'}); 
$(".js-example-basic-single").select2({'width':'250px'}); 

selectedStr();
});


function selectedStr(){

//默认选中,可以删除
$("#projectTeamIds option[value='3333333333333']").attr("selected", true); 
$("#projectTeamIds").select2({'width':'500px'});


//默认选中,不可删除
$("ul[class='select2-choices']").prepend( '<li class="select2-search-choice"><div>11111111111111</div></li>');

}
</script>


<body class="page-body">




<select id="projectTeamIds" class="js-example-basic-multiple" multiple="multiple">

<option value="111111111">11111111111111</option>
<option value="22222222">22222222222222</option>
<option value="3333333333333">333333333333</option>
<option value="11111222222">111111222222222222</option>
<option value="啊啊啊啊啊啊啊啊啊啊啊啊">啊啊啊啊啊啊啊啊啊啊啊啊</option>
<option value="aaaaaaaaa">aaaaaaaa</option>

</select>


<select id="receivePeople" class="js-example-basic-single">
<option value="">---------请选择---------</option>
<option value="111111111">11111111111111</option>
<option value="22222222">22222222222222</option>
<option value="3333333333333">333333333333</option>
<option value="11111222222">111111222222222222</option>
<option value="啊啊啊啊啊啊啊啊啊啊啊啊">啊啊啊啊啊啊啊啊啊啊啊啊</option>
<option value="aaaaaaaaa">aaaaaaaa</option>
</select>



</body>


</html>
0 0
原创粉丝点击