我有一个以下形式的 select
元素:
<select id="test" name="test">
<option value="blah">Test1</option>
<option value="blah">Test2</option>
.
<option value="blah">Testn</option>
</select>
我想默认显示文本“选择测试”。 我知道这样做的方法是设置一个新选项
<option selected="selected">Select a test</option>
在顶部。但我正在寻找其他不必使用标签的方法。 是否可以通过 javascript(jQuery 也可以)?
最佳答案
我过去曾使用虚拟条目完成此操作...
HTML
<select id="test" name="test">
<option value="0">Select an option...</option>
<option value="blah">Test1</option>
<option value="blah">Test2</option>
<option value="blah">Test3</option>
<option value="blah">Test4</option>
<option value="blah">Test5</option>
</select>
Javascript
$("#test").on("change", function() {
if ($(this).val() != "0") {
$("option[value=0]", this).remove();
}
});
这是 jsFiddle 的一个工作示例...
一旦您选择其他内容,“选择一个选项”选项就会被删除。
关于javascript - HTML 设置选择时的默认文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14142827/