Question

我的html代码上有一个下拉列表，下拉列表下有一个段落。

在我的下拉列表和提交按钮中。我可以选择不同的动物 - 狗，猫，老鼠和鸟。如果一个人选择Cat，我希望在用户选择Cat并按下提交后，下拉列表中的段落变为“Meow”。我怎么能这样做？

Answer 1

HTML：

<select id = 'select'>
    <option value = "Dog">Dog</option>
    <option value = "Cat">Cat</option>
    <option value = "Mouse">Mouse</option>
    <option value = "Bird">Bird</option>
</select>
<p id = 'id-name'></p>

JavaScript的：

var value = document.getElementByID('select').value;
if(value = "Cat") {
    document.getElementByID('id-name').innerHTML = "Meow";
}

这可能有用。

Answer 2

附加change事件监听器以选择在更改时执行某些操作

＆＃13;

document.getElementById("select").addEventListener('change', function() {
    if (this.value == "Cat") { 
      document.getElementById("res").innerHTML = "Meow"; 
    } else {
      document.getElementById("res").innerHTML = null; 
    }
});

＆＃13;

<select id="select">
    <option value="Dog">Dog</option>
    <option value="Cat">Cat</option>
    <option value="Mouse">Mouse</option>
    <option value="Bird">Bird</option>
</select>
<p id="res"></p>

＆＃13;

HTML下拉列表输出段落更改

2 个答案: