javascript - 如何从javascript中的select标签中获取值

Question

您好，我对 Javascript 没有什么问题。我用数据库记录填充下拉菜单。

function selectCountry(){
    $result = @mysql_query("SELECT * from country");
    while($record = @mysql_fetch_array($result)){
        echo '<option value="'.$record['countryid'].'">'.$record['countryname'].'</option>';
    }
}

现在它填充了数据，我如何在 javascript 中获取下拉菜单值。这是我的 html 代码

<select name="dropdown" onchange="myFunction()">
<?php selectCountry(); ?>
</select>

当我写 javascript 函数时，提示 Cannot read property 'options' of null

function myFunction(){
    var e = document.getElementById("dropdown");
    var elementValue = e.options[e.selectedIndex].value;
    console.log(elementValue);
}

Answer 1

将 id 添加到您的选择中

<select name="dropdown" onchange="myFunction()" id="dropdown">
                                                ^            ^

您正在脚本中根据id 获取值，但id 不存在。

这是另一种最佳解决方案

<select name="dropdown" onchange="myFunction(this.value)">
   <option value="1">1</option>
   <option value="2">2</option>
</select>

在脚本中

function myFunction(val){    
   alert(val)
}

fiddle demo