如何使用javascript阻止下拉列表中的选择项？

Question

我希望阻止用户使用javascript方法选择下拉列表项。无论如何使用OnMouseKeyDown所以我可以止步于此。我不想使用Enable=false。

Javascripts大师，帮助我。

Answer 1

如果您希望用户能够打开选择框但不更改选择，您可以执行以下操作：

<select onchange="this[0].selected = true">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

将所选索引更改为要保留的项目。作为旁注，从用户界面的角度来看，这通常不是一个好主意。

Answer 2

onfocus="this.blur()"

将其添加到元素

Answer 3

让我们在c＃

中尝试一下

string hardcode = "1"; // set as appropriate
myDropDownList.Attributes["onchange"] = "this.selectedIndex = " + hardcode + ";";

请记住，如果您的用户已禁用javascript，则无法运行，无论如何，您都应该在服务器上进行验证。

Answer 4

使用jquery

HTML：

<select id="dropdown">
   <option>Select an option</option>
   <option>Option 1</option>
   <option>Option 2</option>
   <option>Option 3</option>
 </select>

JS：

$(function(){
    $("#dropdown").change(function(){
        $(this).find("option:first").attr("selected", "selected");
        return false;
    });
});