【问题标题】:How to set multiple value in selectize input?如何在选择输入中设置多个值?
【发布时间】:2020-09-09 10:23:45
【问题描述】:

我尝试了一些解决方案,但没有奏效

<input id="select1" name="select1" type="text" class="select1 demo-default"/>

var $select = $("#select1").selectize();
var selectize = $select[0].selectize;
selectize.setValue(["test1","test2"]);`

【问题讨论】:

  • 您能否提供更多关于您正在尝试做什么的详细信息? Selectize.js 可以做很多事情,所以一些清晰会有所帮助。您是否尝试将 test1 和 test2 作为生成的下拉列表中的值?

标签: javascript html selectize.js


【解决方案1】:

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Selectize</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.default.min.css">
</head>

<body>

<div id="wrapper">
<input type="text" id="input-tags1" class="demo-default test">
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.js"></script>


<script>
var $select = $('.demo-default').selectize({
persist: false,
createOnBlur: true,
create: true,

});

var selectize = $select[0].selectize;
selectize.addOption([{text: "puja", value: "puja"}, {text: "raxit", value: "raxit"},]);
selectize.setValue(['puja','raxit']);
</script>
</body>

</html>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-05-11
    • 1970-01-01
    • 1970-01-01
    • 2020-08-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多