0

やあ私の仲間の開発者、私はjqueryを学んでいて、単純なタスクを実行することに疑問を持っています.助けてください.

デフォルトの背景色が赤の選択フィールドがありますが、ユーザーがフィールドをクリックして [電子メール アドレスの選択] 以外を選択したときに背景色を白に変更したいと考えています。

<select id="email" style="background-color: red">
  <option value="">Select Email Address</option>
  <option value="abc@example.com">abc@example.com</option>
  <option value="test@example.com">test@example.com</option>
</select>

これまでのところ、onclick関数を実行できましたが、その値のコードをその中に挿入する方法.

$('#email').click(function() {
    $('#email').css({
        'background-color': 'white',
    });
});
4

4 に答える 4

2

イベントを から に変更して、これを試すことをお勧めし.click()ます.change()。

$('#email').change(function() {
    if($(this).val() != ''){
       $(this).css({
          'background-color': 'white',
       });
    }
    else{
      $(this).css({
          'background-color': 'red',
       });
    }
});

デモ

于 2013-10-23T10:54:32.653 に答える
1

どうぞ（.change代わりにイベントをバインドすることをお勧めします.click）：

$('#email').change(function() {
    if ($(this).val().length) {
        $('#email').css({
            'background-color': 'white',
        });
    }
});

それが役立つことを願っています。

于 2013-10-23T10:54:22.237 に答える