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，如果我clik on EUR，将select的值更改为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>

jQuery在两个元素之间切换并更改SELECT字段

1 个答案: