:使用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")。参见工作Fiddle：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
});