jquery - ：使用jquery 选择框的焦点？

Question

我正在尝试通过 jquery 为选择框提供边框。尽管边框适用于文本字段，但它不会为选择框呈现。但是，如果我通过 firebug 左右添加相同的属性，它会呈现.. JS Fiddle：http: //jsfiddle.net/bfcfQ/

 <select name="signup_gender" id="form-field-select-1" class="signup_gender">
      <option value="0"> Select Gender</option>
      <option value="M">Male</option>
      <option value="F">Female</option>
 </select>
 <br>

<button class="test">Submit</button>

jQuery :

$(".test").click(function(){
    signup_gender       = $('select[name="signup_gender"]').val();
    alert(signup_gender);
    if(signup_gender==0){
    $(".signup_gender").css("border","1px solid #ff0000 !important");        
    }
});

有没有办法：通过 jquery 关注 css ？

Answer 1

您没有选择正确的元素。你说$(".signup_usertype")但你的意思是$(".signup_gender")。见工作小提琴：http: //jsfiddle.net/bfcfQ/1/

Answer 2

也许您想要元素的事件处理程序。

$('select#yourSelectID').focus(function() {
    // javascript/jquery alteration on the element, ie:

    $(this).css('background', '#ff0'); // will change the background to red
});