드롭 다운의 jquery target selected 옵션

Question

<select id="dropdown"> 
    <option value="200" selected>AMD Athlon 7x</option> 
    <option value="300">Core i7</option> 
    <option value="400">Core i5</option> 
</select> 
<select id="dropdown"> 
    <option value="250" selected>GTX 560 ti</option> 
    <option value="350">GRX 680</option> 
    <option value="40">ATI 6870</option> 
</select> 

임 선택한 값에 대한 최종 제품 가격을 계산합니다.

$('select').change(function() { 
}); 

선택한 속성을 제거하고 선택한 옵션에 할당하려면이 기능이 필요하지만 새로 선택한 옵션을 대상으로 지정하는 방법은 알지 못합니다. 이처럼

Answer 1

$('select').change(function() { 
    $(this).children(':selected').attr('selected', true); 
}); 

하지만 난 이해가 안 사용

Answer 2

:

$('select :selected').change(function(){ 
    //more code 
}); 

Answer 3

선택한 옵션을 잡기 위해, 목록 아래로 드롭 먼저, 이제 고유 ID

<select id="dropdown1"> 
    <option value="200" selected>AMD Athlon 7x</option> 
    <option value="300">Core i7</option> 
    <option value="400">Core i5</option> 
</select> 
<select id="dropdown2"> 
    <option value="250" selected>GTX 560 ti</option> 
    <option value="350">GRX 680</option> 
    <option value="40">ATI 6870</option> 
</select> 

$("#dropdown1 option:selected"); 

가 있어야 말했다 메뉴 아래로 강하는 첫 번째 드롭이 변경됩니다 선택한 옵션을 자동으로 선택합니다. 당신이 선택하면 선택된 옵션의 값을 잡아하려는 경우

는 또한,이 :) 필요한 이유) (.val

$('select :selected').change(function(){ 
    $("#dropdown1 option:selected").val(); 
}); 

Answer 4

위의 예에는 구문 오류가 있습니다. 다음은 (나는 그것이 작동하지 않습니다, 그것을 시도) 올바르지 않습니다

$('select :selected').change(function(){ 

다음

JQuery와 사이트 예제 코드에서이다 (나는 너무 그것을 시도하고이하는 일) :

<select name="garden" multiple="multiple"> 
    <option>Flowers</option> 
    <option selected="selected">Shrubs</option> 
    <option>Trees</option> 
    <option selected="selected">Bushes</option> 
    <option>Grass</option> 
    <option>Dirt</option> 
</select> 
/* ... */ 
<script> 
$("select").change(function() { // <<<<< this is the correct syntax 
    var str = ""; 
    $("select option:selected").each(function() { 
    str += $(this).text() + " "; 
    }); 
}) 
</script>