Question

我选择了这样的元素

<select name='type'>
   <option value='1'> 1 </option>
   <option value='2'> 2 </option>
   <option value='3'> 3 </option>
</select>

在后端我想选择一个值，就像这样。

<select name='type' value='2'>
   <option value='1'> 1 </option>
   <option value='2'> 2 </option>
   <option value='3'> 3 </option>
</select>

这应该选择了第二个选项，但它没有。

这不会发生，或者是其他错误。

铬/窗

修改

不得不使用布尔路线，我使用的是帕格/玉，所以最终就像这样

select#expiry(name="days")
    option(value="7" selected=days=="7") 7 Days
    option(value="14" selected=days=="14") 1 week
    option(value="30" selected=days=="30") 1 Month
    option(value="90" selected=days=="90") 3 Months
    option(value="180" selected=days=="180") 6 Months

Answer 1

您正在寻找：

<select name='type'>
   <option value='1'> 1 </option>
   <option value='2' selected> 2 </option>
   <option value='3'> 3 </option>
</select>

Answer 2

不，你不能：there is no value attribute on the select element。

select控件的值由所选的option子元素的value属性决定。

您可以通过向选项元素添加selected boolean attribute来选择一个选项。是源代码。

<select name="type">
    <option value="1" selected="selected"> 1 </option>
    <option value="2"> 2 </option>
    <option value="3"> 3 </option>
</select>

这也可以通过JavaScript动态完成。

var selectElement = document.getElementById('my-select');
selectElement.value = 2; // selects the second option
                         // even though the first one
                         // is selected in the HTML

<select name="type" id="my-select">
        <option value="1" selected="selected"> 1 </option>
        <option value="2"> 2 </option>
        <option value="3"> 3 </option>
    </select>

你能否通过为select元素赋值属性来选择选项？

2 个答案: