Question

最近我不得不做一个“摔倒”。所以我用谷歌搜索了一些stackoverflow文章和一些关于它的博客文章。通常它们是关于如何使'选择'元素不可见并将其转换为'ul li things'并将它们组合成'SELECT LIKE THINGS'。我想要的很简单。我只想制作我的SELECT-BOX，而不是选择喜欢的东西。我并不是要低估这些试验来制作自定义选择框，但它是否必须列出？在我的短暂体验中，html元素由浏览器控制。所以..长话短说，我可以控制html元素的默认行为，比如如何使用javascript在浏览器端呈现内容（这里是选择）？这是我的问题的灵感来源。所以，如果真的我无法直接控制它，那么我该如何间接操纵呢？

Answer 1

添加到@ AlmasK89的答案，表单元素由system UI event根据W3C规范控制。

您可以通过css设置select元素的某些属性，例如padding,font-family,font-size,background，因此您可以使用javascript在该特定元素上添加或删除样式。

然而，简短的回答是否定的，你不能。

Answer 2

您无法控制如何呈现选择，输入[type =“radio”]和输入[type =“checkbox”] 等表单元素。您只能控制捕获事件，如焦点，更改，模糊等。或者设置值和属性。

1）要自定义视图，您可以使用js插件，例如隐藏原始选择，并将其替换为其他可自定义的元素，例如 ul，li 。

2）您可以使用webcomponents（http://webcomponents.org/）创建自己的元素，但是您必须手动实现行为并忘记浏览器与旧浏览器的兼容性

Answer 3

您可以使用Javascript来实现此目的。请尝试以下代码：

HTML

kafka.admin.ConsumerGroupCommand

JS

<select id="myDropdown">      
    <option>Option 1</option>     
    <option>Option 2</option>     
    <option>Option 3</option>     
</select>

您将通过选择选项获得该属性，然后您可以自定义它的属性

Answer 4

是的，您可以通过onclick javascript方法将其设置为触发任何操作

如何使用js控制<select>元素的默认行为？

4 个答案: