Javascript形式選擇Selectedindex

Question

遇到以下問題-無法正常工作，並且也出現JS文檔錯誤。

JSFiddle Nota Worka。

Answer 1

試試這個小提琴： http : //jsfiddle.net/maniator/egjF4/6/

並將if行更改為：

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

您需要==來檢查值

更新

根據以下您的評論，這是同一件事的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/