javascript - 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 的帮助下，如果我单击 USD，我还想更改 Select 框的值，并向 USD div 添加一个自定义类，如果我单击 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>