javascript - JavascriptフォームSelectSelectedindex

Question

次の問題があります-期待どおりに機能せず、JSdocエラーも発生します。

JSFiddleNotaWorka。

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

私は jsfiddle が独自の小さな保護 XPC バブルで実行されると信じています。ベスト プラクティスは、要素とインラインではなく、常に JavaScript ファイルにイベントを追加することです。

name="myform"また、動作させるにはフォームを表示するように変更する必要がありますdocument.myform。

このフィドルを試してください： http://jsfiddle.net/garreh/qb6fw/

Answer 3

これを行うこともできますhttp://jsfiddle.net/edelman/egjF4/10/

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

このようにして、後で参照する場合に備えてフォームをキャッシュし、別の要素の検索を防ぎ、コードを高速化します。