javascript选定值

任何人请告诉我错误是什么？

错误在这里：

      function test() {
                    var get_id = document.getElementById('selected_options');
                    var result = get_id.options[get_id.selectedIndex].value;
                    alert(result);
                      }

应该是

get_id.options[get_id.selectedIndex].value;

---

它将显示所选的值：）

get\u id[get\u id.selectedIndex].value“选项”不是必需的。
要获取当前选定的值，可以执行以下操作：

get_id.value

这可能是因为您的div和select标记具有相同的id。
您也有两个id，带有
选定的\u选项。这将提醒：

function test() {
    var get_id = document.getElementById('selected_options');
    var result = get_id.value;
    alert(result);
}


-挑选-
沟通
硬件
功能测试（）{
var get_id=document.getElementById（'selected_opt'）；
console.log（获取id）；
var result=get\u id.options[get\u id.selectedIndex].value；
警报（结果）；
}
使用jQuery更容易：

<div id="selected_options">
    <select onchange="test()" id="selected_opt">
        <option value="0" selected>-Select-</option>
        <option value="1">Communication</option>
        <option value="2">Hardware</option>
    </select>
</div>

function test() {
    var get_id = document.getElementById('selected_opt');
    console.log(get_id);
    var result = get_id.options[get_id.selectedIndex].value;
    alert(result);
}

并且只使用id一次
代码中的问题是div和combobox的id都是相同的

ID用于页面中唯一的元素表示

您可以在这里查看它的实例：


代码：


功能测试（）{
var get_id=document.getElementById（'selected_options'）；
var result=get\u id.options[get\u id.selectedIndex].value；
警报（结果）；
}
外包尼泊尔
-挑选-
沟通
硬件
不，这不是问题，当我更改时，它也是未定义的+1。这是问题所在，与我想到的一样，你刚刚击败了我：P@Siva您的DOM上是否有另一个
id='selected\u options'
？
<div id="selected_options">
    <select onchange="test()" id="selected_opt">
        <option value="0" selected>-Select-</option>
        <option value="1">Communication</option>
        <option value="2">Hardware</option>
    </select>
</div>

function test() {
    var get_id = document.getElementById('selected_opt');
    console.log(get_id);
    var result = get_id.options[get_id.selectedIndex].value;
    alert(result);
}

var result = $('#selected_options option:selected').val();

<script>
function test() {
        var get_id = document.getElementById('selected_options');
    var result = get_id.options[get_id.selectedIndex].value;
    alert(result);
}
</script>
<h1>Outsourcing Nepal</h1>
<a href="http://www.outsourcingnepal.com">Home</a>
<div id="selected_options1">
    <select onchange="test()" id="selected_options">
            <option value="0" selected>-Select-</option>
            <option value="1">Communication</option>
            <option value="2">Hardware</option>
    </select>
</div>