Question

我试图通过jquery为选择框提供边框。虽然边框适用于文本字段，但它不会为选择框呈现。但是，如果我通过firebug左右添加这个相同的属性，它呈现.. JS小提琴：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
});

：使用jquery焦点选择框？

2 个答案: