时间戳

首页 > 解决方案 > 使用

标签为什么这里的监督变得如此琐碎，自以为是，肛门，无情和被动攻击？这是一个代码论坛。顺便说一句 -1

javascript - 使用

标签为什么这里的监督变得如此琐碎，自以为是，肛门，无情和被动攻击？这是一个代码论坛。顺便说一句 -1

问题描述

如何从选择下拉列表中捕获选项标签（不是值）并在选择选项时创建 h1 标题。我还需要忽略“请选择”选项吗？The heading should only be created if an option is selected (other than Please Choose).Thanks

  <select name="cars" id="cars">
    <option value="" selected>Please Choose</option> 
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>

我<h1>Audi</h1>不需要<h1>audi</h1>

标签： javascripthtmlselectdropdown

解决方案

我猜你正在寻找这样的东西？此代码段将更新#display何时#cars更改的值

document
  .querySelector("#cars")
  .addEventListener("change", event =>
      document
        .querySelector("#display")
        .innerText = event.target.value
  )
<select name="cars" id="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>

<h1 id="display">place user selected option value here e.g. Audi</h1>

推荐阅读