javascript - 使用 Javascript 设置选定属性 onClick

Question

我的 JavaScript 技能不是最好的，但我最近一直在研究它们，我想做的一件事是为 html 选项标记设置属性。我将该项目发布在 jfiddle 上，以便更容易查看。可以看到here 。我想我只是少了一行代码之类的。

如何从选项 2 中删除所选属性并为选项 1 创建所选属性？换句话说，当我打开“另一个弹出窗口”时，会选择选项 1 而不是选项 2。

我建议您查看 jsFiddle 链接，但我也发布了有关此问题的代码。 更新链接的 JavaScript:

function updateSelected(id, removeID, parentID) {
    document.getElementById(parentID).style.display = 'none';
    document.getElementById(id).setAttribute("selected","selected");
    document.getElementById(removeID).removeAttribute("selected")
}

HTML:

<a href="#box" rel="popup">Popup</a>

<div id="box" class="popup">
<a href="#another-box" rel="popup" onClick="updateSelected("1", "2", "box");">Another box</a>
</div>
<div id="another-box" class="popup">
<form>
    <select>
        <option id="1">option 1</option>
        <option id="2" selected>option 2</option>
    </select>
</form>
</div>

感谢您的帮助

Answer 1

要更改选择的条目，您应该更改 .selected 属性，而不是属性。

document.getElementById(id).selected = true;

属性仅设置控件的初始值，而属性设置当前值。

请注意，也无需从先前选定的元素中删除该属性。这是自动发生的，因为(默认情况下)一次只能“选择”一个元素。

或者，设置 .value封闭物上的属性(property)<select>与所需的值 <option> 相同元素。该值将是 value 的值<option> 上的属性元素，或包含的文本(如果没有 value)属性。

参见http://jsfiddle.net/alnitak/C98Wc/