如何将选定的值分配给没有值的选项 - javascript
How to give selected value to option with no value - javascript
>我有一个动态生成的选择女巫,看起来像这样
<select id="elem">
<option value="3">value 1</option>
<option value="6">value 2</option>
<option value="18">value 3</option>
<option>value 4</option>
</select>
最后一个选项没有值。我正在尝试选择在加载页面时在第一个位置显示"值 4"选项,使用 javascript
这是我在javascript中尝试过的
var elem = document.getElementById("elem"),
selectedNode = elem.options[elem.selectedIndex];
if ( selectedNode.value === "" ) {
selectedNode.setAttribute('selected','');
}
怎么做?
如果未指定value
,则value
为文本。您也可以使用 hasAttribute
来检查value
:
var select = document.getElementById("elem");
for (var i = 0; i < select.options.length; i++) {
if (!select.options[i].hasAttribute('value')) {
select.options[i].selected = true;
}
}
演示:http://jsfiddle.net/tymeJV/682Ap/1/
几种方法可以做到这一点。 如果您需要先找到该选项,则代码如下所示。它正在寻找具有非数值的选项 - 不幸的是,如果您省略该值,该选项的文本将成为其值
var sel = document.getElementById("elem");
var index = 0;
for(var i = 0;i<sel.options.length;i++){
if (isNaN(sel.options[i].value))
index = i;
}
如果您知道索引,则可以将所选选项设置为
sel.selectedIndex = index;
相关文章:
- 使用Javascript获取所选选项ID
- javascript选项卡没有'不起作用
- 使用JavaScript在IE9中获取数据列表选项
- html+javascript:如何在某些条件下禁用dropdownlist中的null选项
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 一次设置多个选项 javascript (MooTools) 对象
- 如何将选定的值分配给没有值的选项 - javascript
- 动态填充选择选项javascript
- 用递归合并选项javascript对象
- Javascript点计算器不工作(HTML选择/选项+ Javascript)
- 填充下拉选项- javascript
- 为打印选项javascript创建个人快捷方式
- 将文本发送到父元素,并带有删除发送元素的选项- Javascript
- 在刷新页面时设置不同的选项——JAVASCRIPT
- 获取相对于选中的选项的特定选项(JavaScript/jQuery)
- 更改一个选择选项会更改许多其他选项(JavaScript、JQuery)
- 根据之前的答案自动选择下拉选项-Javascript HTML表单
- 默认情况下,选择select列表框中的所有选项--javascript
- 我试图在表单提交到一个新页面后,根据用户选择的多个选项(Javascript.html)重定向表单