jQueryコンボボックスのTabIndexを設定する方法は？

Question

jqueryコンボボックスのTabIndexを設定するにはどうすればよいですか？ ドロップダウンリストボックスにtabindexを設定すると、jquery comoboxに設定されません。どうやってするの？

これは私のドロップダウンです：

<asp:DropDownList ID="DrpCountryName" runat="server" Width="138px"> 
         </asp:DropDownList> 

jqueryのコード：

$(function() { 
     $("#DrpCountryName").combobox(); 
     $("#toggle").click(function() { 
      $("#DrpCountryName").toggle(); 
     }); 

編集： あなたはjQueryのコンボボックスがdropdownを隠し、inputとbuttonを作成し、それを埋める知っているようにdropdownの値。だからdropdownの代わりにtabindexを入力する必要があります。どうやってするの？ 「ctl00_Panel_DrpCountryName」：あなたのページをレンダリングするとき

Answer 1

すると、あなたのDropDownList（<select>）のIDが「DrpCountryName」ではありません、命名、それが存在するコンテナ、そのようなものを含めるようにマングルされます。

あなたは、あなたにはJavaScriptを変更する必要があります。最初のものはjQueryのセレクタにDropDownListの実際のクライアントIDをレンダリングします

$("#<%= DrpCountryName.ClientID %>").combobox(); 

それとも

$("select[name*='DrpCountryName']").combobox(); // contains "DrpCountryName" 
$("select[name$='DrpCountryname']").combobox(); // ends with "DrpCountryName" 

。 2番目は<select>リストに「DrpCountryName」を含む、または「DrpCountryName」で終わる名前が付いています。最初は髪が速いのですが、いずれもうまくいくはずです。

レンダリング後にページの[ソースを表示]を選択すると、IDと名前の属性を確認できます。

Answer 2

ASP.NETを使用していて、そのIDを使用する場合は、正しいIDを取得するためにClientIDModeプロパティ（asp.netに固有のもの）を使用する必要があります。

はしかし、私は簡単にそれを参照するために、コントロールにクラス属性を追加し、このようにjQueryを書いた：.ui-コンボボックス入力はあなた'LLクラスです

$(document).ready(function() 
{ 
    $('.DrpCountryName .ui-combobox-input').attr("tabindex", 6); 
}); 

これはテキスト入力なので、tabindexを設定したいと思っています。ページに複数のjqueryコンボボックスがある場合は、そのCSSクラスプレフィックスが必要です。