Javascript根据值选择并更改元素的内容

Question

我想根据我们选择的内容显示一些文本。 这是我的选择选项:

<select onchange=Change(this.value)>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

<p></p>

我想应用一个函数，根据选择的选项将特定文本插入到 p 元素中。 这是函数:

Change(x){
if (x=="1"){$("p").innerHTML ="One cat"}
if (x=="2"){$("p").innerHTML ="Two cats"}
}

这是一个 fiddle : https://jsfiddle.net/tksbkmdj/2/

Answer 1

这里需要注意一些事情:

1-您需要声明函数Change

2- 使用 jQuery，您不会执行 innerHtml，而是执行 .html(newtext)。

给你:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
  function Change(x) {
    if (x == "1") {
      $("p").html("One cat")
    }
    if (x == "2") {
      $("p").html("Two cats")
    }
  }
</script>

<select onchange=Change(this.value)>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

<p>
</p>