Question

我一直在尝试创建一个小网页，您可以从下拉菜单中选择两个项目，然后按一个按钮，它会播放声音，声音会根据下拉菜单中选择的内容而变化。不幸的是，我无法让我的JavaScript与按钮交互，然后让JavaScript在下拉列表中显示所选内容。

以下是我的基本代码的一些片段：

HTML：

<head>
    <script src="src/EEEE.js"></script>
</head>
<body>
    <input type="image" id="button" value="submit" src="img/Button.png" onclick="handleClick()"/>
    <br>
    <select id="who">
        <option value="name1">Name 1</option>
        <option value="name2">Name 2</option>
        <option value="name3">Name 3</option>
    </select>
    <select id="what">
        <option value="op1">Option 1</option>
        <option value="op2">Option 2</option>
        <option value="op3">Option 3</option>
    </select>
</body>

JavaScript（在名为＆＃34; src＆＃34;的文件夹中）：

function handleClick(){
    var w1 = document.getElementById("who").value;
    var name = who.options[who.selectedIndex].text;
    if(name == "name1"){
        /*do this*/
    }else if(name == "name2"){
        /*do that*/
    }
}

Answer 1

我修复了您的代码，您可以看到固定的演示Here

基本上你应该使用'value'而不是'text'，并且通过javscript附加事件似乎有效。

Answer 2

使用jquery可以轻松实现：

$('#button').click(function(){
    dd1Val = $('#who').val();
    dd2Val = $('#what').val();
    alert(dd1Val + "" + dd2Val);
})

使javascript根据下拉菜单中的输入执行操作

2 个答案: