Javascript 表单选择 Selectedindex

Question

遇到以下问题 - 未按预期工作，也出现 JS 文档错误。

JSFiddle Nota Worka。

Answer 1

尝试这个小提琴： http://jsfiddle.net/maniator/egjF4/6/

并更改if 行：

if (document.forms['myform'].selectbox1.selectedIndex == 2)

您需要 == 来检查值

UPDATE

根据下面的评论，这里是同一件事的 jQuery：

$(function(){
    $('#selectbox1').change(function(){
        if(this.selectedIndex == 2){
            $('#input1, #input2, #asterisk').css('visibility', 'visible');
            $('#input2').addClass('required');
        }
        else {
            $('input, #asterisk').css('visibility', 'hidden');
            $('#input2').removeClass('required');
        }
    })
})

Answer 2

你也可以这样做，http://jsfiddle.net/edelman/egjF4/10/

var form = document.getElementById('myform');
if (form.selectbox1.selectedIndex == 2)

这样，您就可以缓存表单，以备以后引用它，从而防止另一个元素查找并加快代码速度。

Answer 3

我相信 jsfiddle 运行在它自己的小保护性 XPC 气泡中，因此 showhidebtime 不会被视为通过内联 javascript 调用定义。最佳实践是始终在 javascript 文件中添加事件，而不是与元素内联。

此外，您还需要更改表单以显示 name="myform" 才能使 document.myform 正常工作。

试试这个小提琴： http://jsfiddle.net/garreh/qb6fw/