Webサイトにフォームがあり、Bootstrapモーダル内に別のフォームがあります。
メインフォームには「首、胸、ウエスト」などの特定のフィールドがありますが、モーダル内のフォームには1つの電子メールフィールドしかありません。
「胸、腰」などの名前のセカンダリフォームにいくつかの「非表示」入力を追加することを計画しており、メインフォームフィールドの値をセカンダリフォームの非表示入力に渡す必要があります。提出されました。
javascriptなしでそれは可能ですか?そうでない場合は、かなりマイナーなものでなければならないので、jQueryソリューションをお勧めしますが、それを理解することはできません。
フォームの値を、input
送信時にsが非表示のフォームにコピーするだけです。キーアップ時にコピーする必要はありません。
<form id="form1">
Input
<input type="text" id="input"/>
<button type="submit">Submit</button>
</form>
<form id="form2">
<input type="text" id="input2"/>
</form>
<script>
document.getElementById("form1").addEventListener("submit", (e)=>{
e.preventDefault();
document.getElementById("input2").value = document.getElementById("input").value;
document.getElementById("form2").submit();
});
</script>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加