如何通过内联javascript获取选择元素的值

Question

当点击这个选择元素时，内联调用“onchange”应该调用一个javascript函数：

<select onchange="if (this.selectedIndex) do_something();">
  <option value=1>1</option>
  <option value=2>2</option>
</select>

基本上我如何将选择的选项提交给“do_something()”函数？或者在函数中如何获取选择的选项值？

Answer 1

你可以试试这个：

function do_something(e) {
  alert(e);
}

<select onchange="if (this.selectedIndex) do_something(this.value);">
  <option value=1>1</option>
  <option value=2>2</option>
  <option value=3>3</option>
  <option value=4>4</option>
</select>

您可能会注意到我不会为 1 工作，因为 selectedIndex 对于第一个索引（值 1）等于 0（值 1）

所以它可以更通用：

function do_something(e) {
  //we make do test on the element e
  alert(e.value);
}

<select onchange="do_something(this);">
  <option value=1>1</option>
  <option value=2>2</option>
  <option value=3>3</option>
  <option value=4>4</option>
</select>

Answer 2

function do_something(i){
  console.log(i);
}

<select onchange="do_something(this.selectedIndex);">
  <option value=1>1</option>
  <option value=2>2</option>
</select>

尝试将其作为参数添加到 do_something 函数中。