Question

您好我在Javascript上遇到了一些问题。我用数据库记录填充下拉菜单。

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

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

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

当我写javascript函数时，它说无法读取null的属性'选项'

import Cocoa
import AVFoundation

var url = NSURL(fileURLWithPath: "/Users/marc/test.mp3")
let opts = [ AVURLAssetPreferPreciseDurationAndTimingKey: true ]
var asset = AVURLAsset(URL: url, options: opts)
var metaData = asset.commonMetadata

for item in metaData {
    print("key: \(item.commonKey), value: \(item.stringValue)")
}

Answer 1

将ID添加到您的选择

.clickableRow:hover {
background-color: #65a9d7;
background: -webkit-linear-gradient(top, #65a9d7, #3e779d);

您在脚本中根据<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>

小提琴demo

Answer 2

您可以使用此ID直接获取值，其中＆＃34; dropdown＆＃34;是<select> id：

var elementValue = document.getElementById("dropdown").value;

如果你通过名字获得价值，你可以使用它，其中＆＃34;下拉＆＃34;是<select>名称：

document.getElementsByName("dropdown")[0].value

Answer 3

添加＆＃34;这个＆＃34;作为myFunction（）的参数，因为它读作

<select name="dropdown" onchange="myFunction(this)">

JavaScript对待＆＃34;这＆＃34;作为调用函数的当前对象（下拉列表）

现在将您的JavaScript函数修改为

function myFunction(obj){

    return obj.options[obj.selectedIndex].value;

}

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

3 个答案: