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

Question

单击此 select 元素时，内联调用 "onchange" 应调用 javascript 函数：

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

基本上我如何提交选项 selected 到 'do_something()' 函数？或者在函数中如何获得选项值 selected?

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

它可以更通用：

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 函数中。

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

how to get the value of select element via inline javascript

html

javascript

select

function

onchange