SelectBoxItは、クラス

Question

の最初のインスタンスでのみ機能します。SelectBoxItを使用して選択をスタイルしています。IDを使用するとうまく動作しますが、クラスを使用すると、ほとんどすべてのオプションが影響を受けますクラスの最初の要素。

フォームを正常に送信すると、選択肢はリセットされますが、最初のものだけがリセットされるようにしています。

私はちょうど要素

$("input[name=positioning]").val($("input[name=positioning] option:first").val()); 

にリセットするためにjQueryを使って試してみましたが、このすべて行いますが、今の値上映が選択された値ではないスタイルのバージョンの下に隠れている選択のorignalをリセットしています。私も試してみた

...

$(".exposure, .patient, .equip, .unit, .taken, .pathology, .pathway").selectBoxIt('selectOption', 0); 

のみ

$(".exposure").selectBoxIt('selectOption', 0); 
$(".patient").selectBoxIt('selectOption', 0); 

再び最初の要素をターゲットには、最初の要素だけ

$(".exposure, .patient, .equip, .unit, .taken, .pathology, .pathway").each(function(){ 
     selectBoxIt('selectOption', 0); 
}); 

を対象

が全く動作しません エラーありselectBoxIt is not defined

IDを使用するとすべてが正常に動作しますが、私が使用しようとしているページの1つでは、スライダーにフォームのインスタンスが複数あるため、クラスを使用する必要があります。

Answer 1

は、私はまた、

$(".positioning").data("selectBox-selectBoxIt").selectOption(0); 

これは私が複数のクラスをターゲットにできるようになる...あまりにもこれを使用してみましたが、各クラスには、個別にターゲットにする必要があったが、再び、それは唯一の各々の第1インスタンスで動作しますクラス。

最終的には、各フォームが持っていた一意のIDを使用して要素クラスを追加する必要がありました（スライダの作成に使用されたPHP whileループから取得しました）私はどちらか、今のクラスの代わりにIDを使用した場合」Tは正確に）私が期待していたが、それは

を機能するソリューションを

<form id="<?=$form_id?>"> 
    <select class="positioning_<?=$form_id?>"> 
    //rest of select here 
</form> 

var form_id = 'form_id' 
$(".positioning_"+form_id).data("selectBox-selectBoxIt").selectOption(0); 

をされない問題では