javascript - 2つの要素間の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>

2 つの div を使用したいのですが<div>USD</div><div>EUR</div>、jQuery の助けを借りて、USD をクリックすると Select ボックスの値も変更し、カスタム クラスを USD div に追加し、EUR をクリックすると値を変更しますEUR への選択の場合、USD からクラスを削除し、そのクラスを EUR に追加します。どうやってやるの ？ありがとう

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>