2016-04-06 11 views
1

ids dd1、dd2の2つの選択ボックスがあります。選択ボックス1から値を選択している間は、seelctボックス2の値をjqueryに置き換える必要があります。以下は働かない。私はここで何をしているのですか?1つのドロップダウンの値が選択されている間に別のドロップダウンを置き換えます。

<!DOCTYPE html> 
<html lang="en"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script> 
<script src="jquery-1.12.0.min.js"></script> 

<head> 
<script> 
function change(){ 
alert("Hi"); 
$('dd2').children().remove().end().append('<option selected value="5">5</option>') ; 
} 
</script> 
</head> 

<body> 
<select id="dd1" onchange=change()> 
<option>1<option> 
<option>2<option> 
<option>3<option> 
<option>4<option> 
</select> 

<select id="dd2"> 
    <option>A<option> 
    <option>B<option> 
    <option>C<option> 
    <option>D<option> 
</select> 
</body> 

</html>          
+0

はあなたが必要と出力の例を与えることができる:$('#dd2')...ここ

は、作業フィドルです。たとえば、最初の選択肢から '1'を選択した場合、その項目を削除して、' A'、 'B'、' C'、 'D'、' 1'を与える2番目の選択項目に置くべきですか?コピーする必要がありますか?何を注文しますか?同じバージョンのjQueryの3つのコピーが含まれていて、idセレクタに前の '#' –

+0

がないことに注意してください。最初のスクリプトタグには終了タグがなく、すべてのスクリプトはheadセクションまたはbodyセクションのいずれかにする必要があります。 – derloopkat

答えて

関連する問題