変更方法jqueryで選択する

Question

jqueryを使用して選択オプションを変更するにはどうすればよいですか？

人が画像をクリックするように、「合計」の選択が10（現在の値）から$ 25に変更されるはずです。

私は

$("#buy").click(function() { 
    $("#total").val(25); 
    $("#total").focus(); 
}); 

を使用してみました。しかし、それは10から25に値を変更しますが、テキストは$ 25のために表示されません。

私は、画像の上に10から20への「総」の変化の値をクリックしますが、テキストはまだ「$ 10ドル」として示した場合ので、私は

<select name = "total"> 
<option value = "10">$10 dollars</option> 
<option value = "25">$25 dollars</option> 

を次のようしています。

Answer 1

$('select[name="total"] option[value="25"]').attr("selected", "selected") 

Answer 2

あなたはIDを選択していますが、そのIDを持つ要素はありません。

$("#total").val(25); 

$('[name="total"]').val(25); 

に変更し、それだけで正常に動作します。 Hereはそれのためのフィドルです。