0

選択ウィッチが動的に生成されています。次のようになります

    <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>

最後のオプションには値がありません。javascriptを使用して、ページがロードされたときに最初の位置に「値4」オプションを表示するように選択しようとしています

これが私がjavascriptで試したことです

    var elem = document.getElementById("elem"),
        selectedNode = elem.options[elem.selectedIndex];

    if ( selectedNode.value === "" ) {
        selectedNode.setAttribute('selected','');
    }

どうすればできますか?

4

2 に答える 2

0

novalueを指定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/

于 2013-09-27T14:39:15.667 に答える