訪問者がドロップダウン ボックスから値を選択し、[2 つの異なるフォーム アクションをトリガーし、両方とも別々の要素にある] 2 つの送信ボタンのいずれかを選択できるシナリオがあります。
ドロップダウン ボックスは両方の送信ボタンに関連していますが、要素の 1 つの下にのみあります。
あるフォーム要素から別のフォーム要素にドロップダウン値をプルする JavaScript 関数を書き込もうとしましたが、うまくいかないようです。以下の私のコードを見てください。何かアイデアはありますか?
<script type="text/javascript">
function grabselection(){
var select_genre = document.getElementById("genre");
var genre = select_genre.value;
var genre_cloaked = document.getElementById("genre2");
genre_cloaked.value = genre;
}
</script>
<form class="youtubeupload" action="uploadfinalised.php" method="post" enctype="multipart/form-data">
<input name="token" type="hidden" value="Alhl"/>
<select id="genre2" class="genre" name="genre"><option value="">What style is your video?</option></select>
<input value="" onclick="grabselection();" type="submit" id="uploadbutton" /></div>
</form>
<form id="provideurl" class="provideurl" method="post" action="provideurl.php">
<select id="genre" class="genre" name="genre">
<option value="">What style is your video?</option>
<option id="genreid_1" value="1">first genre</option>
<option id="genreid_2" value="2">second genre</option>
<option id="genreid_3" value="3">third genre</option>
<option id="genreid_4" value="4">fourth genre</option>
</select>
これにはもっと簡単な解決策があると確信しています-1つのフォーム要素を2つの異なるフォームにリンクしますが、その方法はわかりません-どんな助けも大歓迎です