兩個元素之間jQuery的切換改變SELECT場

Question

<div class="r_row"> 
<div class="row field_currency"> 
    <div class="f_row"><label class="" for="currency">Currency</label></div> 
    <div class="r_row"> 
    <select id="currency" name="currency" class=" select"> 
<option value="ron" >USD</option> 
<option value="eur" selected="selected">EUR</option> 
</select> 
     <div class="error context" id="error_currency"></div> 
    <div class="hint context" id="hint_currency"></div> 
    <span class="checked">&nbsp;</span> 
    <div class="fancy_select"><div class="first" value="USD">USD</div><div class=" last" value="eur">EUR</div> 
<br clear="all"> 
</div></div> 

    <br style="clear:both"> 
    </div> 

</code></pre> 

我想用兩個div <div>USD</div><div>EUR</div>，並與jQuery的幫助，如果我對美元單擊我想也改變選擇框的值，並添加一個自定義類別的美元div，如果我clik在歐元上，將選擇的價值改爲歐元，從美元中刪除類別，並將該類別添加到歐元。 我該怎麼做？ 感謝

Answer 1

試試這個：

<script> 
$(document).ready(function(){ 
    $('.first').click(function(){ 
     $('.first').addClass('className'); 
     $('.last').removeClass('className'); 
     $('option[value=ron]').prop("selected", true); 
    }); 
    $('.last').click(function(){ 
     $('.last').addClass('className'); 
     $('.first').removeClass('className'); 
     $('option[value=eur]').prop("selected", true); 
    }); 
}); 
</script>