2012-03-29 6 views
0

jquery를 사용하여 선택 옵션을 변경하려면 어떻게해야합니까?변경하는 방법 jquery로 선택

사람들이 그림을 클릭하는 것처럼, "총계"에 대한 선택이 10 (현재 값)에서 $ 25로 변경되어야합니다.

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

를 사용하여 시도하지만 10에서 25로 값을 변경하지만 텍스트가 $ 25이 표시되지 않습니다.

는 그래서이

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

나는 이미지를 클릭

는 "총"10에서 20로 변경하지만, 값이 텍스트는 여전히 "$ 10 달러"으로 표시 다음 있습니다.

+1

'name'! ='id'. Daff의 대답은 정확합니다. – MetalFrog

답변

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

다른 옵션이 이미 선택된 경우 어떻게됩니까? 이제 네가 두 가지를 가질거야, 맞지? 예기치 않은 결과를 초래할 수 있습니다. – MetalFrog

+0

브라우저가 올바르게 처리하지만 실제로 맞습니다. 이 방법을 사용한다면, 모든'selected' 속성을 미리 지우고 싶을 것입니다. 이전 버전의 jQuery에서 select에 val()을 사용하는 데 문제가 있음을 모호하게 기억하고 있습니다. (like, 1.2) 이제는 정상적으로 작동하는 것처럼 보입니다. 따라서이 방법은 아마도 오래된 jQuery 버전에만 유용 할 것입니다. –

3

id를 선택했지만이 ID를 가진 요소가 없습니다.

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

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

에 변경 그리고 그것은 잘 작동합니다. Here은 그것을위한 피들입니다.

+0

나는 그것을 시도했지만 여전히 같은 것을했다. 선택 상자의 값은 변경되지만 옵션의 텍스트는 여전히 $ 10 달러입니다. – Jasmine

+0

JsFiddle을 보셨습니까? 저를 위해 잘 작동합니다. – Daff

관련 문제