首页 > javascript > select > Javascript Form - 如何获取选定的下拉列表选项

Javascript Form - 如何获取选定的下拉列表选项

select 【select】
我们想知道如何获取选定的下拉列表选项。
代码展示 运行结果 


<html>
<head>
  <script type="text/javascript">
    function showWindow() {
      var sze = "";

      sze = document.form1.sizeList.options[document.form1.sizeList.options.selectedIndex].text;
      console.log(sze);
      
  }
  </script>
</head>
<body>
  <form method="post" name="form1" action="null">
      String:<input type="text" size="40" maxlength="256" name="stringField" />
      Size:
      <select name="sizeList" size="1">
        <option selected="selected">1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
      </select>
    <input type="button" name="Show" value="Show" onclick="showWindow()" />
  </form>
</body>
</html>