Questions tagged «html-select»

一种HTML用户界面元素，用于从选项的有限集合中选择一个或多个选项。

15
如何确保<select>表单字段被禁用时提交？
我有一个select要标记为“只读” 的表单字段，因为用户无法修改该值，但该值仍与表单一起提交。使用该disabled属性可防止用户更改值，但不会使用表单提交值。 该readonly属性仅适用于input和textarea字段，但这基本上就是我想要的。有什么办法可以使它正常工作吗？ 我正在考虑的两种可能性包括： 而不是禁用select，而是禁用所有，option并使用CSS将所选内容变灰，使其看起来像已禁用。 在提交按钮上添加单击事件处理程序，以便在提交表单之前启用所有禁用的下拉菜单。
9
如何使用JavaScript更改HTML选定的选项？
我有这样的选项菜单： &lt;form name="AddAndEdit"&gt; &lt;select name="list" id="personlist"&gt; &lt;option value="11"&gt;Person1&lt;/option&gt; &lt;option value="27"&gt;Person2&lt;/option&gt; &lt;option value="17"&gt;Person3&lt;/option&gt; &lt;option value="10"&gt;Person4&lt;/option&gt; &lt;option value="7"&gt;Person5&lt;/option&gt; &lt;option value="32"&gt;Person6&lt;/option&gt; &lt;option value="18"&gt;Person7&lt;/option&gt; &lt;option value="29"&gt;Person8&lt;/option&gt; &lt;option value="28"&gt;Person9&lt;/option&gt; &lt;option value="34"&gt;Person10&lt;/option&gt; &lt;option value="12"&gt;Person11&lt;/option&gt; &lt;option value="19"&gt;Person12&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; 现在，我想使用href更改选定的选项。例如： &lt;a href="javascript:void(0);" onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected';"&gt;change&lt;/a&gt; 但我想选择的选项value=11 (Person1)不是Person12。 如何更改此代码？
13
如何使用jQuery选择下拉菜单选项？
我想知道是否有可能让jQuery &lt;option&gt;在下拉框中选择，例如第4个项目？ &lt;select&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;/select&gt; 我希望用户单击一个链接，然后让该&lt;select&gt;框更改其值，就像用户通过单击来选择它一样&lt;option&gt;。
27
如何清除下拉框中的所有选项？
我的代码可在IE中运行，但在Safari，Firefox和Opera中会中断。（大惊喜） document.getElementById("DropList").options.length=0; 搜索之后，我了解到length=0它是不喜欢的。 我已经尝试过，...options=null并且var clear=0; ...length=clear结果相同。 我一次要对多个对象执行此操作，因此我正在寻找一些轻量级的JS代码。
15
是否可以为选择框设置样式？[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 我有一个需要设置样式的HTML选择框。我宁愿只使用CSS，但是如果需要的话，我将使用jQuery填补空白。 谁能推荐一个好的教程或插件？ 我知道，Google，但是我一直在搜索过去两个小时，但找不到符合我需要的内容。 它必须是： 与jQuery 1.3.2兼容 无障碍 不打扰 可以根据样式选择框的各个方面进行完全自定义 有人知道什么可以满足我的需求吗？
145 jquery  css  html-select 
11
默认情况下如何显示禁用HTML选择选项？
我是HTML和PHP的新手，并且希望从mysql表中获得一个下拉菜单，并且也进行了硬编码。我的页面中有多个选择，其中之一是 &lt;select name="tagging"&gt; &lt;option value=""&gt;Choose Tagging&lt;/option&gt; &lt;option value="Option A"&gt;Option A&lt;/option&gt; &lt;option value="Option B"&gt;Option B&lt;/option&gt; &lt;option value="Option C"&gt;Option C&lt;/option&gt; &lt;/select&gt; 现在的问题是，用户还可以选择“选择标签”作为他的标签，但是我只想提供他从可用的三个中选择。我用禁用作为 &lt;select name="tagging"&gt; &lt;option value="" disabled="disabled"&gt;Choose Tagging&lt;/option&gt; &lt;option value="Option A"&gt;Option A&lt;/option&gt; &lt;option value="Option B"&gt;Option B&lt;/option&gt; &lt;option value="Option C"&gt;Option C&lt;/option&gt; &lt;/select&gt; 但是现在“选项A”成为默认选项。因此，我想将“选择标签”设置为默认设置，并且还希望禁用它。这是一种方法。其他选择也需要做同样的事情，这些选择将从Mysql中获取数据。任何建议都是可取的。
139 html  html-select 
8
HTML表单：选择选项与数据列表选项
我想知道Select-Option和Datalist-Option之间有什么区别。在任何情况下，最好使用其中一种？每个示例如下： 选择选项 &lt;select name="browser"&gt; &lt;option value="firefox"&gt;Firefox&lt;/option&gt; &lt;option value="ie"&gt;IE&lt;/option&gt; &lt;option value="chrome"&gt;Chrome&lt;/option&gt; &lt;option value="opera"&gt;Opera&lt;/option&gt; &lt;option value="safari"&gt;Safari&lt;/option&gt; &lt;/select&gt; 数据列表选项 &lt;input type=text list=browsers&gt; &lt;datalist id=browsers&gt; &lt;option value="Firefox"&gt; &lt;option value="IE"&gt; &lt;option value="Chrome"&gt; &lt;option value="Opera"&gt; &lt;option value="Safari"&gt; &lt;/datalist&gt;
8
<选择多个>-如何只允许选择一项？
我有一个&lt;SELECT multiple&gt;包含多个选项的字段，但我希望允许它一次只能选择一个选项，但是用户可以按住CTRL键并一次选择更多项。 有什么办法吗？（我不想删除“多个”）。
134 html  html-select 
10
更改选择框选项的背景色
我有一个select框，当select单击框并显示所有选项时，我正在尝试更改选项的背景色。 见小提琴 HTML： &lt;select&gt; &lt;option val=""&gt;Please choose&lt;/option&gt; &lt;option val="1"&gt;Option 1&lt;/option&gt; &lt;option val="2"&gt;Option 2&lt;/option&gt; &lt;option val="3"&gt;Option 3&lt;/option&gt; &lt;option val="4"&gt;Option 4&lt;/option&gt; &lt;/select&gt; CSS： select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }
3
删除IE上的选择箭头
我有选择的元素，我想删除的箭头，然后我可以添加其他图标..我能做到这一点的Firefox Safari和Chrome，但这并没有工作IE9。 .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; } SEE 小提琴上的IE9。我所需要的就是删除ie9中的箭头，请JSFIDDLE回答。
126 html  css  html-select 
4
如何获得相等的输入宽度和选择字段
在表单上，​​我有一个select和两个输入字段。这些元素垂直对齐。不幸的是，我无法获得这些元素的相等宽度。 这是我的代码： &lt;select name="name1" style="width:198px"&gt; &lt;option&gt;value1&lt;/option&gt; &lt;option&gt;value2&lt;/option&gt; &lt;/select&gt;&lt;br/&gt; &lt;input type="text" name="id1" style="width:193px"&gt;&lt;br/&gt; &lt;input type="text" name="id2" style="width:193px"&gt; 对于上面的示例，选择元素的最佳宽度是198或199像素（当然，我尝试了193像素，但差异很大）。我认为，这取决于分辨率，取决于各种计算机和浏览器，因为这些元素的宽度不同（有时我认为差异约为1或2像素）。我试图在div或表行中设置这些元素，但这无济于事。 问：如何获得这些元素的宽度完全相等？
8
默认文本不会显示在下拉列表中
我有一个select最初显示“ 选择语言”的语言，直到用户选择一种语言为止。当用户打开选择时，我不希望它显示选择语言选项，因为它不是实际的选项。 我该如何实现？
107 html  html-select 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.