javascript - 从 JQuery 获取表单输入值

Question

我正在使用 Materialize 在我的 html 中创建一个选择表单。如何使用 javascript/jquery 中的变量存储来自此表单的输入值？

表单的 html 代码是:

  <div class="input-field col s12">
      <select>
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
      </select>
      <label>Materialize Select</label>
  </div>

谢谢

Answer 1

function jsFunction(){
var e = document.getElementById("ViewSelect");
var strUser = e.options[e.selectedIndex].text;
console.log(strUser)
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="input-field col s12">
      <select id="ViewSelect" onchange="jsFunction()">
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
      </select>
      <label>Materialize Select</label>
  </div>

你应该有你的 Select Statment 的 ID

<div class="input-field col s12">
      <select id="ViewSelect">
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
      </select>
      <label>Materialize Select</label>
  </div>

那么你应该在 JavaScript 中访问为

var e = document.getElementById("ViewSelect");
var optionSelectedIndex = e.options[e.selectedIndex].value;
var optionSelectedValue = e.options[e.selectedIndex].text;