Question

我有一个下拉框，我想根据值选择选项。不知怎的，我正在处理价值说3。现在我想手动选择值为3的选项。

我尝试过这样的事情

selectBoxElement.options[selectedValues].selected = true;

其中selectedValue = 3，但它不起作用。

Answer 1

如果使用jquery（根据你的标签），你可以这样做：

$(document).ready(function() {
  $("#yourSelectId option[value='3']").attr("selected", "selected");
});

Answer 2

这样的事情应该有用（假设$没有被覆盖，并且是jQuery的别名）：

$(selectBoxElement).find('option[value="selectedValue"]').prop('selected', true);

或者更确切地说：

$(selectBoxElement).val(selectedValue);

更简单，并获得类似的结果：）

Answer 3

如果你使用普通的JS（除了jQuery标签，你没有明确说明你是想要普通的JS还是jQuery），这应该做你想要的：

for (i=0; i<selectBoxElement.options.length; i++) {
    if (selectBoxElement.options[i].value == selectedValues) {
      selectBoxElement.options[i].selected=true;
      break;
    }
}

Answer 4

这很简单，请尝试以下

在选择框中使用选项标记的索引位置时 selectBoxElement.selectedIndex = index; //索引从0开始的位置

使用该值时 selectBoxElement.value = value; //其中值是选项标记中定义的属性

希望这能解决你的问题。

使用该值选择选择框的选项

4 个答案: