Jquery 许可证和很好的功能,我喜欢。糟糕的文档:在弄清楚如何取消选择值方面运气好吗?@imparator:你是说通过编程还是通过UI?在UI中,您只需单击multi-selects的交叉图标即可。在页面加载时,我如何应用数组来选择Selected中的项目?我不知道
Jquery 许可证和很好的功能,我喜欢。糟糕的文档:在弄清楚如何取消选择值方面运气好吗?@imparator:你是说通过编程还是通过UI?在UI中,您只需单击multi-selects的交叉图标即可。在页面加载时,我如何应用数组来选择Selected中的项目?我不知道,jquery,jquery-ui,jquery-plugins,multi-select,Jquery,Jquery Ui,Jquery Plugins,Multi Select,许可证和很好的功能,我喜欢。糟糕的文档:在弄清楚如何取消选择值方面运气好吗?@imparator:你是说通过编程还是通过UI?在UI中,您只需单击multi-selects的交叉图标即可。在页面加载时,我如何应用数组来选择Selected中的项目?我不知道为什么,但我不能在同一页面上使用select2(最新版本,sad…)使用多个multi-selects,因为插件仅使用表单发送第一个multi-select值(((.但是我需要使用几个多选元素。我想我做的都是正确的。.可能有一些额外的“超级”选
许可证和很好的功能,我喜欢。糟糕的文档:在弄清楚如何取消选择值方面运气好吗?@imparator:你是说通过编程还是通过UI?在UI中,您只需单击multi-selects的交叉图标即可。在页面加载时,我如何应用数组来选择Selected中的项目?我不知道为什么,但我不能在同一页面上使用select2(最新版本,sad…)使用多个multi-selects,因为插件仅使用表单发送第一个multi-select值(((.但是我需要使用几个多选元素。我想我做的都是正确的。.可能有一些额外的“超级”选项,它控制这样的行为。很好,这是一种我非常喜欢的不同方法。我不确定我们是否会使用它,但它让我思考我想要的UI到底是什么样子。谢谢!@lou我对你的multiselect插件有一种奇怪的体验。我在这里的问题中解释了
-->
。你能看看他们的我所做的有问题。请在加载页面上,我如何应用数组来选择所选的项目?不明白你想要什么。如果可能,就stackoverflow提问并共享你的问题链接我使用的是相同的js和css,但我无法获得检查值。你能告诉我哪里出错吗?var SelectedOptions=$(“#ddlColumn”).multiselect(“getChecked”).map(函数(){return this.value;}).get();alert(SelectedOptions);您能指出可用于此的文档和选项吗?
<select id="transactionType" multiple="multiple" size="10">
<option value="ALLOC">ALLOC</option>
<option value="LOAD1">LOAD1</option>
<option value="LOAD2">LOAD2</option>
<!-- etcetera... -->
</select>
$('#transactionType').attr({
'multiple': true,
'size' : 10
});
<select id="mycontrolId" multiple="multiple">
<option value="1" >one</option>
<option value="2" >two</option>
<option value="3">three</option>
<option value="4">four</option>
</select>
var data = "1,3,4"; var dataarray = data.split(",");
$("#mycontrolId").val(dataarray);
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
<script type='text/javascript'>
$(window).load(function(){
$('#transactionType').focusin(function(){
$('#transactionType').attr('multiple', true);
});
$('#transactionType').focusout(function(){
$('#transactionType').attr('multiple', false);
});
});>
</script>
</head>
<body>
<select id="transactionType">
<option value="ALLOC">ALLOC</option>
<option value="LOAD1">LOAD1</option>
<option value="LOAD2">LOAD2</option>
</select>
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="prism.css" rel="stylesheet" type="text/css" />
<link href="chosen.css" rel="stylesheet" type="text/css" />
<script src="jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="chosen.jquery.js" type="text/javascript"></script>
<script src="prism.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(".chzn-select").chosen();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ion-view view-title="Profile">
<ion-content class="padding">
<div>
<label class="item item-input">
<div class="input-label">Enter Your Option</div>
<select class="chzn-select" multiple="true" name="faculty" style="width:1000px;">
<option value="Option 2.1">Option 2.1</option>
<option value="Option 2.2">Option 2.2</option>
<option value="Option 2.3">Option 2.3</option>
</select>
</label>
</div>
</ion-content>
</ion-view>
</div>
</form>
</body>
</html>
$('#transactionType').multiselect({
columns: 1,
placeholder: 'Select Transaction Type'
});