Questions tagged «html-select»

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

26
使用JavaScript在下拉列表中获取选定的值
Наэтотвопросестьответына 堆栈溢出нарусском：Какполучитьвыбранноезначениеввыпадающемспискес помощью 的JavaScript？ 如何使用JavaScript从下拉列表中获取选定的值？ 我尝试了下面的方法，但是它们都返回选择的索引而不是值： var as = document.form1.ddlViewBy.value; var e = document.getElementById("ddlViewBy"); var strUser = e.options[e.selectedIndex].value;
30
如何为“选择”框创建占位符？
我正在使用占位符进行文本输入，效果很好。但是我也想为我的选择框使用一个占位符。当然，我可以使用以下代码： <select> <option value="">Select your option</option> <option value="hurr">Durr</option> </select> 但是“选择您的选项”是黑色而不是浅灰色。因此，我的解决方案可能基于CSS。jQuery也很好。 这只会使下拉菜单中的选项变为灰色（因此，单击箭头后）： option:first { color: #999; } 问题是：人们如何在选择框中创建占位符？但它已经得到回答，欢呼。 使用此方法会导致所选值始终为灰色（即使在选择实选项后）： select { color: #999; }
27
如何设置HTML <select>元素的默认值？
我认为"value"在&lt;select&gt;下面的元素上添加属性集会导致默认情况下选中&lt;option&gt;包含我的提供的内容"value"： &lt;select name="hall" id="hall" value="3"&gt; &lt;option&gt;1&lt;/option&gt; &lt;option&gt;2&lt;/option&gt; &lt;option&gt;3&lt;/option&gt; &lt;option&gt;4&lt;/option&gt; &lt;option&gt;5&lt;/option&gt; &lt;/select&gt; 运行代码段隐藏结果展开摘要 但是，这没有按我预期的那样工作。如何设置&lt;option&gt;默认选择的元素？
1454 html  html-select 
30
在jQuery中将选项添加为JavaScript对象的最佳方法是什么？
&lt;select&gt;使用jQuery从JavaScript对象向中添加选项的最佳方法是什么？ 我正在寻找不需要插件的东西，但是我也对那里的插件感兴趣。 这是我所做的： selectValues = { "1": "test 1", "2": "test 2" }; for (key in selectValues) { if (typeof (selectValues[key] == 'string') { $('#mySelect').append('&lt;option value="' + key + '"&gt;' + selectValues[key] + '&lt;/option&gt;'); } } 干净/简单的解决方案： 这是matdumsa的简化版本： $.each(selectValues, function(key, value) { $('#mySelect') .append($('&lt;option&gt;', { value : key }) .text(value)); …
23
如何删除选择框的所有选项，然后添加一个选项并使用jQuery选择它？
使用核心jQuery，如何删除选择框的所有选项，然后添加一个选项并选择它？ 我的选择框如下。 &lt;Select id="mySelect" size="9"&gt; &lt;/Select&gt; 编辑：以下代码有助于链接。但是，（在Internet Explorer中）.val('whatever')未选择添加的选项。（我确实在.append和中都使用了相同的“值” .val。） $('#mySelect').find('option').remove().end() .append('&lt;option value="whatever"&gt;text&lt;/option&gt;').val('whatever'); 编辑：试图使其模仿此代码，每当重置页面/窗体时，我都使用以下代码。此选择框由一组单选按钮填充。.focus()距离更近，但是没有像那样显示选择的选项.selected= "true"。我现有的代码没什么错-我只是想学习jQuery。 var mySelect = document.getElementById('mySelect'); mySelect.options.length = 0; mySelect.options[0] = new Option ("Foo (only choice)", "Foo"); mySelect.options[0].selected="true"; 编辑：选定的答案接近我所需要的。这为我工作： $('#mySelect').children().remove().end() .append('&lt;option selected value="whatever"&gt;text&lt;/option&gt;') ; 但是，这两个答案都使我找到了最终解决方案。
27
按值设置选择选项“已选择”
我有一个select带有一些选项的字段。现在，我需要options使用jQuery 选择其中之一。但是，当我只知道必须选择的时value，该option怎么办？ 我有以下HTML： &lt;div class="id_100"&gt; &lt;select&gt; &lt;option value="val1"&gt;Val 1&lt;/option&gt; &lt;option value="val2"&gt;Val 2&lt;/option&gt; &lt;option value="val3"&gt;Val 3&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; 我需要选择带有值的选项val2。如何才能做到这一点？ 这是一个演示页面：http : //jsfiddle.net/9Stxb/
16
使用jQuery更改下拉列表的选定值
我有一个带有已知值的下拉列表。我想做的是使用jQuery将下拉列表设置为一个我知道存在的特定值。使用常规JavaScript，我会做类似的事情： ddl = document.getElementById("ID of element goes here"); ddl.value = 2; // 2 being the value I want to set it too. 但是，我需要使用jQuery来完成此操作，因为我为选择器使用了CSS类（愚蠢的ASP.NET客户端ID ...）。 这是我尝试过的一些方法： $("._statusDDL").val(2); // Doesn't find 2 as a value. $("._statusDDL").children("option").val(2) // Also failed. 如何使用jQuery？ 更新资料 事实证明，我第一次做对了： $("._statusDDL").val(2); 当我在上面放一个警报时，它可以正常工作，但是当我删除警报并使它以全速运行时，我得到了错误 无法设置所选属性。无效的索引 我不确定这是否是jQuery或Internet Explorer 6的错误（我猜是Internet Explorer 6），但这非常令人讨厌。
8
使用AngularJS的ng-options选择
我已经在其他帖子中阅读过，但是我无法弄清楚。 我有一个数组 $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; 我想将其渲染为： &lt;select&gt; &lt;option value="000001"&gt;Chicago&lt;/option&gt; &lt;option value="000002"&gt;New York&lt;/option&gt; &lt;option value="000003"&gt;Washington&lt;/option&gt; &lt;/select&gt; 我也想选择ID = 000002的选项。 我已经阅读了select并尝试过，但是我无法弄清楚。
15
设置选择框的选择选项
我想设置一个先前选择的要在页面加载时显示的选项。我用以下代码尝试了它： $("#gate").val('Gateway 2'); 与 &lt;select id="gate"&gt; &lt;option value='null'&gt;- choose -&lt;/option&gt; &lt;option value='gateway_1'&gt;Gateway 1&lt;/option&gt; &lt;option value='gateway_2'&gt;Gateway 2&lt;/option&gt; &lt;/select&gt; 但这是行不通的。有任何想法吗？
23
如何在Angular.js选择框中使用默认选项
我已经搜索过Google，但找不到任何东西。 我有这个代码。 &lt;select ng-model="somethingHere" ng-options="option.value as option.name for option in options" &gt;&lt;/select&gt; 有这样的数据 options = [{ name: 'Something Cool', value: 'something-cool-value' }, { name: 'Something Else', value: 'something-else-value' }]; 输出是这样的。 &lt;select ng-model="somethingHere" ng-options="option.value as option.name for option in options" class="ng-pristine ng-valid"&gt; &lt;option value="?" selected="selected"&gt;&lt;/option&gt; &lt;option value="0"&gt;Something Cool&lt;/option&gt; &lt;option value="1"&gt;Something Else&lt;/option&gt; …
15
从选择框中删除项目
如何从选择框中删除项目或向其中添加项目？我正在运行jQuery，这应该使任务更轻松。下面是一个示例选择框。 &lt;select name="selectBox" id="selectBox"&gt; &lt;option value="option1"&gt;option1&lt;/option&gt; &lt;option value="option2"&gt;option2&lt;/option&gt; &lt;option value="option3"&gt;option3&lt;/option&gt; &lt;option value="option4"&gt;option4&lt;/option&gt; &lt;/select&gt;
8
jQuery从选择中删除选项
我有一个包含5个选择的页面，所有选择都有一个类名'ct'。我需要在运行onclick事件时从每个选择中删除值为“ X”的选项。我的代码是： $(".ct").each(function() { $(this).find('X').remove(); }); 我要去哪里错了？
30
HTML <select>是否存在onSelect事件或等效事件？
我有一个输入表单，可让我从多个选项中进行选择，并在用户更改选择时执行一些操作。例如， &lt;select onChange="javascript:doSomething();"&gt; &lt;option&gt;A&lt;/option&gt; &lt;option&gt;B&lt;/option&gt; &lt;option&gt;C&lt;/option&gt; &lt;/select&gt; 现在，doSomething()仅当选择更改时才会触发。 我想doSomething()在用户选择任何选项时触发，可能再次相同。 我尝试使用“ onClick”处理程序，但是在用户开始选择过程之前触发了该处理程序。 那么，有没有一种方法可以在用户的​​每次选择上触发功能？ 更新： 达里尔（Darryl）提出的答案似乎行得通，但并不一致。有时，甚至在用户完成选择过程之前，只要用户单击下拉菜单，就会触发该事件！
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.