2011-09-13 11 views
0

私たちのWebアプリケーションには、標準の請求書式があります。私はかなりのクライアントの要求ごとの入力まで、残念ながらこれは、それがユーザーのアドレスをauto_fills_時にブラウザがstateドロップダウンを無視する原因となるためにはJQuery selectBox plugin を使用しています。JQuery selectBoxを使用しているときの自動入力のアドレス?

ほとんどの場合、プラグインは<select>の入力を隠し、かなりのドロップダウンバージョンで発生するように値の変更を前後に渡します。元の非表示の入力またはドロップダウンでは、auto_fill_の状態は取得されません。私がselectBoxをオフにするとすぐに再び動作します。

ブラウザで新しいドロップダウン要素を更新するにはどうすればよいですか?

JSプラグイン

$(function() { 
    $(".WhiteDD").selectBox(); 
} 

HTMLポストプラグインの初期化初期化します。私は、デフォルトのブラウザのアドレスauto_fill_を参照しています

<div class="FormBlock"> 
    <label class="FormLabel" for="city">City</label> 
    <input class="BillingInput required" id="city" name="transaction[billing][locality]" type="text" value=""> 
</div> 

<div class="FormBlock"> 
    <label class="FormLabel" for="state">State</label> 
    <select name="transaction[billing][region]" class="WhiteDD selectBox" id="state" style="display:none"> 
     <option value="AL" selected="selected">AL</option> 
     ... 
     <option value="WY">WY</option> 
    </select> 

    <!-- This code is injected by the selectbox plugin--> 
    <a class="selectBox WhiteDD selectBox-dropdown" title="" tabindex="0"><span class="selectBox-label">AL</span><span class="selectBox-arrow"></span></a> 
    <!-- End injection --> 

</div> 

編集

Clarification-を機能性。これはJavascriptで起こっていることではなく、selectBoxプラグインが提供するメソッドを使用してそれを捕捉して更新することもできます。

デフォルトブラウザauto_fill_アクションはJavascriptをトリガーさせるための方法はありますか?

は、デフォルトのHTMLのドロップダウンとうまくオートフィルプレイを作る

をあきらめた課題である、それはjQueryプラグインとうまく遊ぶ作ることは、それは価値があった以上に悩みました。私たちは、2文字のマスクされたテキスト入力の状態のドロップダウンを入れ替えました。回答をありがとう、申し訳ありません、私は完全な恩恵を出すことができませんでした。

+1

から始まるあなたはここで私たちにいくつかのコードを表示することができますか? –

+0

Google Chromeの古いバージョンを使用していますか? 「状態」が自動的に決まらないところで修正されたバグがありました。http://code.google.com/p/chromium/issues/detail?id=43260 –

+0

Chromeは14.0.835.186です。動作は多くのブラウザで一貫しています。 – RSG

答えて

1

フォームの「オートコンプリート」機能全体が何であるかについてあまり情報を提供していませんでしたが、コード内のある時点で、選択ボックスをどのような状態にするかを知っています

$("#state").selectBox("value", [state index]); 

[状態指標]を選択したい状態の指標である:その時点で、再び選択するあなたの状態にselectBoxを初期化 - にデフォルト設定。

私はこの考えをselectBox demo's pageから得て、ソースを見てvalue-2ボタンの機能をチェックアウトしました。

1

selectBox APIを使用して、これをフォームの残りの部分をオートコンプリートする同じ関数で呼び出します。これにより、状態のドロップダウンがドロップダウンの最初の値で更新されます。

$(".WhiteDD").selectBox('value', 1); 

こちらをご覧ください:https://github.com/claviska/jQuery-SelectBox/blob/master/index.phpをライン38

関連する問題