2011-03-04 189 views
0

我有一個3字段的表單。國家,州和用戶javascript焦點問題

none

我努力做到以下幾點。當美國被選爲一個國家時,國家領域將顯示出來。問題是,當我使用鍵盤上的Tab鍵時,它正在跳過狀態字段並將其放在用戶字段中。所以我嘗試使用聚焦特性,所以當我選擇美國,狀態會顯示+選擇,但我沒有運氣..下面就請找我使用

$(document).ready(function() { 

$("#cmbCountries").change(function() { 
    $("#cmbCountries option:selected").each(function() { 
     if ($(this).text() == "United States") {    

      $("#cmbstate").show(); 
      $("#cmbstate").focus(); 

     } 

     else { 
      $("#cmbstate").hide(); 
     } 
    }); 
}).change(); }); 

任何幫助,請的代碼?

回答

1

this

和JavaScript

$(function(){ 

    $("#cmbstate").hide(); 

    $("#cmbCountries").change(function() { 
     if($(this).val() == 'US') 
     { 
      $("#cmbstate").show(); 
      $('#cmbstate').focus() 
     } 
     else{ 
      $("#cmbstate").hide(); 
      $('#users').focus(); 
     } 
    }) 


}) 

和HTML

<input type="text" name="text" id="first" /> 
<select id="cmbCountries"> 
    <option value="OTHER">OTHER</option> 
    <option value="US">US</option> 
    <option value="OTHER1">OTHER1</option> 
</select> 
<select id="cmbstate"> 
    <option value="value">Value 1</option>   
    <option value="value">Value 2</option> 
    <option value="value">Value 3</option> 
</select> 
<select id="users"> 
    <option value="asf">asdfasdf</option> 
    <option value="fadfas">sdffd</option>  
</select> 
+0

不工作:(狀態字段顯示了當美國是選擇,但當我按TAB選擇國家時,它被跳過。 – 2011-03-04 14:25:04

+0

@Rene Zammit你想要什麼? – 2011-03-04 14:31:44

+0

基本上我選擇美國在國家領域..現在,當我按TAB去國家領域(國家領域將只有當美國在國家領域選擇時可見),它去用戶領域,而不是國家領域。 – 2011-03-04 14:59:20

0

tabIndex值一定是錯誤的,儘量手動分別設置tabIndex每個輸入爲0,1,2,然後,你應該能夠使用Tab鍵在它們之間輕鬆

0

請嘗試使用此代碼,

$(document).ready(function() { 

$("#cmbCountries").change(function() { 
    $("#cmbCountries option:selected").each(function() { 
     if ($(this).text() == "United States") {    

      $("#cmbstate").show(); 
      $("#cmbstate").select(); 
     } 

     else { 
      $("#cmbstate").hide(); 
     } 
    }); 
}).change(); }); 

改變focus()select()

我曾經做過這在我的項目還該爲我工作。

+0

嘗試這樣做,它不工作要麼:( – 2011-03-04 14:31:43