18910140161

JavaScript-select2单个选择框多个不工作-堆栈溢出

顺晟科技

2022-10-18 12:27:17

83

在这里,我在一个函数中使用了选择选项,这可能吗?在这里,我不只是使用4个选择选项,但它可以是10或无限,什么是最好的方法?

我的代码:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet">

<select id="selectss" style="width: 100%;">
    <option value="1">01</option>
    <option value="2">02</option>
    <option value="3">03</option>
</select>
<br><br><br>
<select id="selectss" style="width: 100%;">
    <option value="1">04</option>
    <option value="2">05</option>
    <option value="3">06</option>
</select>
<br><br><br>
<select id="selectss" style="width: 100%;">
    <option value="1">07</option>
    <option value="2">08</option>
    <option value="3">09</option>
</select>
<br><br><br>
<select id="selectss" style="width: 100%;">
    <option value="1">Test</option>
    <option value="2">Test</option>
    <option value="3">Test</option>
</select>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>

<script>
    $(document).ready(function() {
       $("#selectss").select2();
    });
</script>

之前我使用了下面的代码,但这不是最好的方法,因为它必须更改选择选项中的所有ID:

<代码><;脚本>;$(document).ready(function(){$(“#selectss1,#selectss2,#selectss3,#electss3,#electss4 ”)。选择2();});<;/脚本>;

顺晟科技:

请使用此方法。

<script>
    $(document).ready(function() {
        $("#selectss1, #selectss2, #selectss3, #selectss3, #selectss4").select2();
    });
</script>

请将ID更改为Class.这将select2添加到类包含";的所有元素中选择SS";。您不应该有重复的ID

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航