jQueryの次の入力にフォーカスを設定していますか？

Question

私は現在、選択ボックスの値をチェックし、そのすぐ隣にあるテキストフィールドを有効にして、うまくフォーカスを設定するスクリプトを持っています。

私は正直に「フォーカス」ビットに引っかかっビットだ

$("#assessed select").change(function() { 

    if($(this).val() == 'null') { $(this).next('input').attr("disabled", true); } 
    else { $(this).next('input').removeAttr("disabled"); } 

}); 

...入力フィールドを有効に正常に動作し、現時点ではこれを持って、私は「$（これを試してみました）.next（ 'input'）。focus（）; "それはどちらかのJavaScriptエラーを起動しませんでしたが、それはすべてのアイデアは、人を喜ば

$("#assessed select").change(function() { 

    if($(this).val() == 'null') { $(this).next('input').attr("disabled", true); $(this).next('input').focus(); } 
    else { $(this).next('input').removeAttr("disabled"); } 

}); 

...、全然集中していませんでしたか？私は本当にこれに固執して、それは非常にシンプルだが、私が構築しているページに非常に便利な追加になるだろう！

おかげ

Answer 1

。また、次のフィルタは必要ありません。 next（）は次の兄弟しか返すことができません。フィルタは、基本的には、それが入力または任意のフィルタを指定した場合にのみ、私を次のものにすると言っています。次のフィルタが目的のオブジェクトであることが分かっている場合は、フィルタを含める必要はありません。

$("#assessed select").change(function() { 
    var $this = $(this); 
    if($this.val() === 'null') { 
     $this.next() 
      .attr("disabled", true); 
    } 
    else { 
     $this.next() 
      .removeAttr("disabled") 
      .focus(); 
    } 
}); 

Answer 2

私はあなたの問題は、それが（少なくとも一部のブラウザ/オペレーティング・システムで）無効入力コントロールにフォーカスを設定することはできませんということかもしれないと思います。

あなたのfocus()コールは基本的に間違ったブロックにあります。ブロックはelseブロックで、ifブロックではありません。このよう

：キャッシュされたこのJQオブジェクトと上記の回答の変形

$("#assessed select").change(function() { 

    if($(this).val() == 'null') { $(this).next('input').attr("disabled", true); } 
    else { $(this).next('input').removeAttr("disabled"); $(this).next('input').focus(); } 
}); 

Answer 3

はまた、次の入力を取得するための素晴らしい小さなプラグインを見つけました：http://jqueryminute.com/set-focus-to-the-next-input-field-with-jquery/

$.fn.focusNextInputField = function() { 
    return this.each(function() { 
     var fields = $(this).parents('form:eq(0),body').find('button,input,textarea,select').not(':hidden'); 
     var index = fields.index(this); 
     if (index > -1 && (index + 1) < fields.length) { 
      fields.eq(index + 1).focus(); 
     } 
     else {fields.first().focus();} 
     return false; 
    }); 
};