Question

我正在尝试使用jquery选择select2框中的2个选项但是不成功。

例如 - 我的两个选择是第一个和第二个：

<select id="choose1" multiple="multiple">
<option value="first">First</option>
<option value="second">Second</option>
</select>

我有两个隐藏的div：

<div id="first">
ABC
</div>
<div id="second">
XYZ
</div>

$('#first').hide();
$('#second').hide();

现在我的jquery显示div：

$('#choose1').select2();

$('#choose1').change(function () {
    var val = $(this).val();
    var x = 'first';
    var y = 'second'
    var z = ['first','second'];

    if (val == x) {
        $('#first').show();
    }

  else if (val == y) {
    $('#second').show();
  }

  else if (val == z) {
  $('#first').show();
  $('#second').show();
  }

    });

关于如何让它发挥作用的任何想法？

感谢。

Answer 1

在divs

中添加课程

<div class="option-div" id="first">ABC</div>
<div class="option-div" id="second">XYZ</div>

修改你的js以在你的改变监听器中使用它：

$('#choose1').change(function () {
    $(".option-div").hide();
    $.each($(this).val(), function(i, v){
      $("#" + v).show();
    });
});

演示

documentation

Answer 2

加载jQuery可能存在问题，你必须在select2

之前放置jQuery

查看您在此处使用的代码：https://jsfiddle.net/L4tkx7rc/

选择2个多个值和if / then

2 个答案: