Question

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

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

基本上如何将选择的选项提交给'do_something（）'函数？或者在函数中如何获得所选的选项值？

Answer 1

你可以试试这个：

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

更通用的可能是：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

＆＃13;

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

＆＃13;

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

＆＃13;

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

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

2 个答案: