2016-10-11 9 views
0

フォームの一部として、カルーセル内のいくつかの画像から選択できるようにするオブジェクトで作業しています。フォームを送信したときにモデルに渡す方法がわかりませんが、javascriptを使用してカルーセルのインデックスにアクセスできますか?フォーム要素としてカルーセルを使用する

ご協力いただければ幸いです。

function submit(){ 
    carouselIndex = $('.carousel-inner').find('.active').index() 
    console.log(carouselIndex) 
    //hiddenInput.value=selectedImageInCarousel; 
    return validateForm(); 
    } 

答えて

0
function submit(){ 
    //Preexisting code 
    hiddenInput.value=selectedImageInCarousel; 
    return validateForm(); 
} 

これは動作するはずです。すべきか?

Hiddeninputは、選択したイメージの名前/ ID /フォーム送信時の値に値を設定した非表示の無効化テキスト入力です。

これでうまくいかない場合は、イメージカルーセルをクリックして非表示の入力値を変更してみてください。

+0

返信用のおかげで、私が追加しました:。。 関数は(){ carouselIndex = $( 'カルーセル・インナー ')を提出('。アクティブ')を見つけるインデックス() はconsole.log(carouselIndex ) //hiddenInput.value=selectedImageInCarousel;return validateForm(); } 送信ボタンを押しても何もしないように見えますが、これがカルーセルの現在のインデックスを印刷すると考えましたか? – user2320239

+0

printステートメントを別のイベントリスナーに配置すると、インデックスが印刷されるため、コードが機能するはずです。 – user2320239

+1

@ user2320239提案したように、カルーセルのonclickハンドラにコードを入れて、フォームを定期的に送信してください。隠された無効な要素は、submitがそのように呼び出される前に更新されるので、より確実に動作するはずです。 – Feathercrown

関連する問題