Question

有什么方法可以捕获html选择事件，并阻止html选择下拉列表打开？（由于事件也将被禁用，因此排除禁用html选择。）

Answer 1

我怀疑这实际上会阻止它打开，但它会确保DropDown始终保持相同的值：

<select name="theselect" onchange="this.selectedIndex = 1;">
    <option value="Red">Red</option>  
    <option value="Green" selected="selected">Green</option>  
    <option value="Blue">Blue</option> 
</select>

Answer 2

这不会禁用“下拉打开”，但如果您不想要任何可选内容，我使用的技巧是<optgroup>而不是option。但是，我很困惑你为什么要禁用下拉列表，但禁用它不是选项...

Answer 3

如果您不想下拉下拉框，那么为什么要将其作为下拉控件。

如果您需要了解下拉框，请使用看起来像下拉的图像并将其设置为背景。

Answer 4

我的第二个问题是Myles说：你希望你发现这些链接很有用：

制作自定义下拉列表 http://jonathan.tang.name/code/jquery_combobox

演示： http://jonathan.tang.name/files/jquery_combobox/demo.html

Answer 5

您可以从下拉列表中删除所有选项，或者隐藏当前的select元素并将其替换为空元素。

<select id="main">
 <option name="1">1</option>
 <option name="2">2</option>
 <option name="3">3</option>
</select>

<select id="empty" style="display:none;">
</select>


<script>
function disableSelect() {
    document.getElementById('main').style.display = 'none';
    document.getElementById('main').style.display = '';
}
</style>

防止选择下拉列表打开但允许其事件触发

5 个答案: