2011-07-13 9 views
0

<select>の入力フィールドは、<select name=first>,<select name=second><select name=three>の3つです。 2番目と3番目のフィールドは無効です。ユーザーが最初のフィールドの値を変更した場合は、2番目のフィールドが有効になっている必要があります。このタスクに関連する例はありますか?おかげ<select>入力フィールドに関する質問

+1

最初の値が変更されたときに2番目の値を有効にする必要がありますか? – pimvdb

+2

私はあなたの文章で言葉が欠けていると思う;) –

+0

@pimvdbはい:-) –

答えて

1

である、あなたは、イベントハンドラをバインドすることができますchangeの要素にもtとはdisabledプロパティを調整します

var form = document.getElementById('formId'); 

form.first.onchange = function() { 
    form.second.disabled = false; 
}; 

form.second.onchange = function() { 
    form.three.disabled = false; 
}; 

DEMO

は、私はまた、ユーザーがJavaScriptを無効にしている場合、彼らはフォームを使用することはできません、そうでない場合は、JavaScriptを経由してフィールドを無効にすることをお勧めします。