javascript - 相关下拉错误

Question

我正在尝试使用 javascript/jquery 来创建一个贷款计算器
我有这个功能

function setOptions(chosen, selbox) {

selbox.options.length = 0;
if (chosen == " ") {
selbox.options[selbox.options.length] = new Option(' ',' ');
setTimeout(setOptions(' ',document.myform.optthree),5);
}
if (chosen == "1") {
selbox.options[selbox.options.length] = new Option(' ','11');
selbox.options[selbox.options.length] = new Option('Yes','12');
selbox.options[selbox.options.length] = new Option('No','13');
setTimeout(setOptions('11',document.myform.optthree),5);
setTimeout(setOptions('11',document.myform.optfour),5);
setTimeout(setOptions('11',document.myform.optfive),5);
}
.....

}

我正在使用这个 javascript

$( document ).ready(function() {
$( "select[name='optone']" ).change(function() {

 setOptions(document.myform.optone.options[document.myform.optone.selectedIndex].value,document.myform.opttwo);

});
});

和这个 html

<form name="myform">
<select name="optone" size="1">
        <option value=" " selected="selected"></option>
        <option value="1">Salaried</option>
        <option value="2">Self Employed</option>
        <option value="3">Professional</option>
        <option value="4">House Wife</option>
    </select><br />
<select name="opttwo" size="1">
        <option value=" " selected="selected"></option>
    </select>
 </form>

我收到这个错误:

请帮忙，我应该定义任何对象或其他东西吗？

谢谢，

Answer 1

document.myform 未定义

使用 jQuery，您的函数将是:

$( "select[name='optone']" ).change(function() {

   setOptions($(this).val(), $("select[name='opttwo']")[0]);

});

更新

this - 已包含事件针对的元素 (select[name='optone'])

$(this) - 将此元素作为 jQuery 对象

.val() - 获取 select 元素的选定值

$("select[name='opttwo']") - 获取名为“opttwo”的 select 元素，它是 jQuery 对象

$("select[name='opttwo']")[0] - 从 jQuery 对象获取 DOM 元素。但请注意，如果您有多个名为“opttwo”的表单，这将只返回第一个。