原生javascript中的select的简单实例

2019-02-13  本文已影响0人  AMONTOP
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<select id="item" onchange="sclick()">
  <option value="1">aa</option>
  <option value="2">bb</option>
  <option value="3">cc</option>
</select>
<input type="text" value="通过" id="mytext">
<script>
  function sclick() {
    let obj = document.getElementById("item");
    var index = obj.selectedIndex;
    let options2 = obj.options[index].text;
    console.log(options2);
    var text = document.getElementById("mytext");
    if(options2 == "aa" || options2 == "bb"){
      text.value = "通过";
    }else if(options2 == "cc"){
      text.value = "不合格"
    }
  }
</script>
</body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读