2016-05-02 24 views
0

私は最初の選択で選択したものに応じて2番目の選択を表示しようとしています!!ここで私は全く他の選択に応じて選択リストを表示

$("select#semestre").change(function(){ 
    var sem = $(this).val(); 
    var data = {"sem":sem}; 
    $.post('myScript.php',data,function(result){ 
    $("select#matiere").append(result); 
    }); 
}); 

私のコードは正常に動作を進めるが、私は選択オプションを変更すると、それは私がしたいことは、別の結果

+1

(結果)を追加し、 '$( "#のmatiereを選択する")変更してみてください。。。' '$( "#のmatiereを選択")にHTML(結果);'。 '.append()'はその名前が示唆しているように要素にコードを追加します。ここで '.html()'は要素内の現在のHTMLを新しいHTMLに置き換えます。 –

答えて

1
に古いものを削除して表示することで、古いものに別のオプションを追加しwjatです

あなたが別の選択肢のオプションを選択すると、選択したものを清掃し、その要求に応じた結果を追加します!ないように注意してくださいしかし、私はあなたが...あなたが推測し、要素に追加します。この

$("select#semestre").change(function(){ 
    var sem = $(this).val(); 
    var data = {"sem":sem}; 
    $.post('myScript.php',data,function(result){ 
    //here the select will be empty and then it will be fulled with the result coming from your post 
    $("select#matiere").html(""); 
    $("select#matiere").append(result); 
    }); 
}); 
+0

'$( 'select#...')。empty()' vs '.html(" ")'はおそらくよりクリーンな解決策になります。 https://api.jquery.com/empty/ – ArcSine

+0

@ArcSineそれは両方ともうまく働いてくれてありがとうございました。 –

0

.append()をしようとする提案です!
利用代わり.html()、すなわち:

$("select#matiere").html(result); 
関連する問題