Question

我是javascript的新手，我想从下拉菜单中打印出所选项目。

以下是HTML代码：

<fieldset>
    <label>3. Select your operating system</label>&nbsp;
    <select class="form-control" name="Os">
        <option selected="selected" value="select one">- select one -</option>
        <optgroup label="Basic">
            <option value="OSX">Mac OSX</option>
            <option value="windows">Windows</option> 
        </optgroup> 
        <optgroup label="Advanced">
            <option value="linux">Linux</option>
        </optgroup>
    </select>
</fieldset>

我的javascript代码是：

<script type= text/javascript>
    var e = document.getElementByName("Os");
    var strUser = e.options[e.selectedIndex].value;
    document.writeln(strUser);
</script>

由于某种原因，它不会打印所选的值。有什么想法吗？

Answer 1

没有getElementByName，它是getElementsByName，它获得了一个nodeList

var strUser = document.getElementsByName("Os")[0].value;

FIDDLE

并确保脚本标记位于DOM

中的元素之后

如何查看是否选择了下拉元素

1 个答案: