javascript - 使用 JavaScript 设置输入值 - 取决于不同输入的值

Question

嘿，我遇到了这个问题，我自己无法解决。它是 html 形式，将数据传递给 PHP 来发送邮件。

首先，我有下拉列表:

<select id="dropdown" name="dropdown">
    <option selected="true" disabled="disabled">Choose</option>
    <option id="A" value="one@gmail.com">One</option>
    <option id="B" value="two@gmail.com">Two</option>
</select>

此下拉列表定义下一个输入的值:

<input type='text' name="to" id="to" value="e-mail"/>

<script>
document.getElementById('dropdown').onchange = function () {
    document.getElementById('to').value = event.target.value  
    }
</script>

最后，我需要根据第二个值定义第三个输入。

<input type='text' name="from" id="from" value="Office manager"/>

但是最后一个代码对我不起作用:

<script>
var name;
if (document.getElementById('to').value == "one@gmail.com" {
    name = "Martin";
} else {
    name = "Tom";
}
document.getElementById("from").value = name;
</script>

我该如何继续？ JSFiddle

Answer 1

如果你这样说就可以了

http://jsfiddle.net/170x1xs9/

document.getElementById('dropdown').onchange = function () {
    document.getElementById('to').value = event.target.value

    var name;
    if (document.getElementById('to').value == "one@gmail.com") {
        name = "Martin";
    } else {
        name = "Tom";
    }
    document.getElementById("from").value = name;
    }