Note that there are some explanatory texts on larger screens.

plurals
  1. POTwo forms, one select/dropdown box - need to copy select value from one form to other
    primarykey
    data
    text
    <p>I have a scenario where a visitor can select a value from a drop-down box, and then choose select one of two submit buttons [that trigger two different form actions and are both in separate elements].</p> <p>The drop-down box is relevant for both submit buttons, however, is only under one of the element.</p> <p>I've tried a write a javascript function that pulls the drop-down value from one form element to the other, but it doesn't seem to work. PLease see my code below, any ideas?</p> <pre><code>&lt;script type="text/javascript"&gt; function grabselection(){ var select_genre = document.getElementById("genre"); var genre = select_genre.value; var genre_cloaked = document.getElementById("genre2"); genre_cloaked.value = genre; } &lt;/script&gt; &lt;form class="youtubeupload" action="uploadfinalised.php" method="post" enctype="multipart/form-data"&gt; &lt;input name="token" type="hidden" value="Alhl"/&gt; &lt;select id="genre2" class="genre" name="genre"&gt;&lt;option value=""&gt;What style is your video?&lt;/option&gt;&lt;/select&gt; &lt;input value="" onclick="grabselection();" type="submit" id="uploadbutton" /&gt;&lt;/div&gt; &lt;/form&gt; &lt;form id="provideurl" class="provideurl" method="post" action="provideurl.php"&gt; &lt;select id="genre" class="genre" name="genre"&gt; &lt;option value=""&gt;What style is your video?&lt;/option&gt; &lt;option id="genreid_1" value="1"&gt;first genre&lt;/option&gt; &lt;option id="genreid_2" value="2"&gt;second genre&lt;/option&gt; &lt;option id="genreid_3" value="3"&gt;third genre&lt;/option&gt; &lt;option id="genreid_4" value="4"&gt;fourth genre&lt;/option&gt; &lt;/select&gt; </code></pre> <p>I am sure there is a simpler solution to this - linking one form element to two different forms, but I'm not sure how to do it - any help greatly appreciated</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload