javascript - 将下拉列表的选定选项的属性作为参数传递给 'onchange' 中的函数

Question

这个下拉列表是对另一个页面的 AJAX 响应。我想在 'showStuds' 函数 onchange 中传递 2 个参数。一个参数是 (this.value)，另一个必须是所选选项的“sec”属性。我不明白为什么，但是

onchange='showStuds((this.value),(this.options[this.selectedIndex].getAttribute('sec')))'

不工作。请帮忙。

Answer 1

this 在您的例子中指向 window 对象。

你实际上不必在这里传递值，你可以在函数内部访问它，如下所示:

var select= document.getElementById('test1');
select.onchange = showStuds;

function showStuds(){
 var value = select.options[select.selectedIndex].value;
 var sec= select.options[select.selectedIndex].getAttribute('sec');
 alert(value+" "+sec);
}

JSFiddle

旁注:分配处理函数时避免使用()，遇到()时会直接执行该函数，不会执行之后……