：焦點爲使用jquery的選擇框？

我想通過jQuery給框選框。儘管邊框對於文本字段起作用，但它並沒有在選擇框中呈現。在CSS通過jQuery的焦點：但是如果我通過Firebug插件這個屬性左右，它呈現.. JS小提琴：http://jsfiddle.net/bfcfQ/：焦點爲使用jquery的選擇框？

<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");   
    } 
});

有什麼辦法呢？？

來源

2013-07-07 Roy M J

您沒有選擇正確的元素。你說$(".signup_usertype")，但你的意思是$(".signup_gender")。看到工作小提琴：http://jsfiddle.net/bfcfQ/1/

來源

2013-07-07 10:04:19

是啊對不起.. ive改變了.. –

它工作正常在jsfiddle雖然.. :(..但不是在文件.. :(.. .. –

重新讀你的問題，有沒有辦法做到這一點：用jQuery專注，但是你可以使用常規的CSS類：'$（...你的選擇框...）。focus（function（）{$（this）.addClass（'focused'） ;}）。blur（function（）{$（this）.removeClass（'focused'）;}）;' –

也許你想要一個元素的事件處理程序。

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

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

來源

2013-07-07 10:03:35

：焦點爲使用jquery的選擇框？

回答

相關問題