javascript - 如何使用jquery在选择列表中选择选项

Question

我有一个包含选择元素的表单

<select name="adddisplaypage[]" id="adddisplaypage" multiple="multiple">
    <option value="all" label="all">all</option>
    <option value="index" label="index">index</option>
    <option value="tour" label="tour">tour</option>
    <option value="aboutus" label="about us">about us</option>
    <option value="contactus" label="contact us">contact us</option>
    <option value="destination" label="destination">destination</option>
    <option value="reservation" label="reservation">reservation</option>
</select>

谁能帮我在点击时选择这个选项(多选)，即点击时选择该选项，如果点击选择则取消选择。

Answer 1

我意识到我可能误解了你的问题。像下面这样的东西应该可以工作，但我不确定浏览器支持:

$('#adddisplaypage option').click(function(e) {
  e.preventDefault();
  var self = $(this);

  if(self.attr('selected') == '') {
    self.attr('selected', 'selected');
  } else {
    self.attr('selected', '');
  }
});