javascript - jQuery 从选择框中显示两个按钮

Question

我有这段代码，它工作正常但不完美。当我选择选项“二”和“三”时，我不知道如何显示这两个按钮。

我的代码也似乎太难了，是否有机会有效地编写我的代码？非常感谢。

function display() {
  var selectBoxValues = $("#selectbox").val() || [];

  if (selectBoxValues == '2') {
    $('.select2').removeAttr('hidden', 'hidden');
  }
  if (selectBoxValues != '2') {
    $(".select2").attr('hidden', 'hidden');
  }
  if (selectBoxValues == '3') {
    $('.select3').removeAttr('hidden', 'hidden');
  }
  if (selectBoxValues != '3') {
    $(".select3").attr('hidden', 'hidden');
  }
}

$("#selectbox").change(display);
display();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectbox" multiple="multiple">
  <option value="1">one</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>

<input hidden="hidden" type="button" class="button select2" value='Button 2' id="button">

<input hidden="hidden" type="button" class="button select3" value='Button 3' id="button">

jsfiddle

Answer 1

多选时应该使用数组，代码如下

 function display() {
   var selectBoxValues = $( "#selectbox" ).val() || [];
   $(".button").attr('hidden','hidden'); //add hidden to all element
   selectBoxValues.forEach(function(e){
     $('.select'+e).removeAttr('hidden','hidden'); //remove hidden for selected elements
   })

 }

http://jsfiddle.net/hoa849p8/1/