gpt4 book ai didi

javascript - jQuery Loudev 多重选择不起作用

转载 作者:行者123 更新时间:2023-12-03 10:28:18 24 4
gpt4 key购买 nike

我正在尝试使用 loudev 来实现一个不错的多选字段multi-select.js 我按照页面上的步骤操作,但没有任何反应 - 只有正常的倍数 <select>显示。 multi-select.css 和 jquery.multi-select.js 的路径没问题。

我不知道出了什么问题:

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link href="/css/multi-select.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>

<select multiple="multiple" id="my-select" name="my-select[]">
<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_100'>elem 100</option>
</select>
<script src="/js/jquery.multi-select.js" type="text/javascript"></script>
<script>
$('#my-select').multiSelect({});
</script>
</body>
</html>

最佳答案

上面的代码工作得很好。您需要单击 CTRL 键并进行多项选择。您是否想在右侧单独的框中看到所选项目,如开发人员网站上所示?

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link href="css/multi-select.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>

<select multiple="multiple" id="my-select" name="my-select[]">
<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_100'>elem 100</option>
</select>
<script src="js/jquery.multi-select.js" type="text/javascript"></script>
<script>
$('#my-select').multiSelect({});
</script>
</body>
</html>

我认为您在 css 和 js 文件的放置中犯了一个小错误。请注意,我删除了 JS 和 CSS 文件前面的前导斜杠,它对我来说工作正常。我假设您有以下目录结构

  • HTML 文件
  • 这里有 js/js 文件
  • 这里有 css/css 文件

关于javascript - jQuery Loudev 多重选择不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29323645/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com