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

时间:2010-12-14 09:36:31

标签: javascript jquery html

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

<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>

任何人都可以帮我在点击时选择此选项(多选),单击时选项会被选中,如果点击选择则取消选择。

3 个答案:

答案 0 :(得分:2)

click()处理程序中,您可以编写如下内容:

$("#adddisplaypage").val("index");

那应该选择“index”,例如。

答案 1 :(得分:2)

我意识到我可能误解了你的问题。类似下面的内容应该可行,但我不确定浏览器支持:

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

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

答案 2 :(得分:1)

您可以将数组传递给.val()方法。例如:

$('#adddisplaypage').val(['index', 'tour']);