Hi can someone write some code makes one drop down box change all the drop down boxes to the same value. <select name="type[]" class=form> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]2" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]3" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]4" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> Code (markup):
I think this will require some AJAX. I think the better area to post this would be BST - you'd get a quicker response over there.
You should really go to the javascript section in the forum: forums.digitalpoint.com/forumdisplay.php?f=38 I know HTML way better than javascript...
Hi can someone write some code makes one drop down box change all the drop down boxes to the same value. <select name="type[]" class=form> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]2" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]3" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]4" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> Code (markup):
Hi, Here is a code that can change the selected value of all the dropdown boxes when 1 changed. i have written the code for 1 dropdown's onchange event, you can use it for all. Here is the javascript code, function changeOthers(id) { var el = document.getElementById(t1); for (var i=1;i<5;i++) { document.getElementById("t"+i).selectedIndex = f1.t1.selectedIndex; } } Code (markup): Here is the changed html contents <select name="type[]" id="t1" class="form" onchange="changeOthers(this.id)"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]2" id="t2" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]3" id="t3" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]4" id="t4" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> Code (markup): This code will do suit your need. regards d_s
Hi, Here is the code in full. just create a new HTML page out of this code and run this page and check.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Changing DropDowns</title> <script type="text/javascript" language="javascript"> function changeOthers(id) { var el = document.getElementById(t1); for (var i=1;i<5;i++) { document.getElementById("t"+i).selectedIndex = f1.t1.selectedIndex; } } function loadelement() { var el = document.createElement("input"); el.setAttribute("id","dynelement"); el.setAttribute("type","button"); el.setAttribute("value", "hi"); el.setAttribute("onclick","test()"); f1.appendChild(el); } function checkelement() { if(document.getElementById("dynelement")!=null){ alert("hi");} else{ alert("bye");} } </script> </head> <body> <form id="f1"> <input type="button" id="b1" onclick="loadelement()" value="addelement" /> <input type="button" id="check" onclick="checkelement()" value="Check for Element" /> <select name="type[]" id="t1" class="form" onchange="changeOthers(this.id)"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]2" id="t2" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]3" id="t3" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select> <select name="type[]4" id="t4" class="form"> <option value="Script">Script</option> <option value="Other">Other</option> </select></form> </body> </html> Code (markup): regards, d_s
Um I don't think this is right. I wanted something similar to this. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table cellspacing="0" cellpadding="0"> <tr> <td colspan="5" align="right"><select name="autoTypes" id="autoTypes" onchange="auto_types();"> <option selected="selected" value="">Mass Category Select</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#cccccc"> <td>Download Title 1*: </td> <td><input id="dt0" size="30" name="title[]1" /></td> <td>Â Â Â Â Download Url 1*:</td> <td><input id="du0" size="30" name="url[]1" /></td> <td><select id="se0" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#999999"> <td>Download Title 2: </td> <td><input id="dt1" size="30" name="title[]2" /></td> <td>Â Â Â Â Download Url 2:</td> <td><input id="du1" size="30" name="url[]2" /></td> <td><select id="se1" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#cccccc"> <td>Download Title 3: </td> <td><input id="dt2" size="30" name="title[]3" /></td> <td>Â Â Â Â Download Url 3:</td> <td><input id="du2" size="30" name="url[]3" /></td> <td><select id="se2" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#999999"> <td>Download Title 4: </td> <td><input id="dt3" size="30" name="title[]4" /></td> <td>Â Â Â Â Download Url 4:</td> <td><input id="du3" size="30" name="url[]4" /></td> <td><select id="se3" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#cccccc"> <td>Download Title 5: </td> <td><input id="dt4" size="30" name="title[]5" /></td> <td>Â Â Â Â Download Url 5:</td> <td><input id="du4" size="30" name="url[]5" /></td> <td><select id="se4" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#999999"> <td>Download Title 6: </td> <td><input id="dt5" size="30" name="title[]6" /></td> <td>Â Â Â Â Download Url 6:</td> <td><input id="du5" size="30" name="url[]6" /></td> <td><select id="se5" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#cccccc"> <td>Download Title 7: </td> <td><input id="dt6" size="30" name="title[]7" /></td> <td>Â Â Â Â Download Url 7:</td> <td><input id="du6" size="30" name="url[]7" /></td> <td><select id="se6" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#999999"> <td>Download Title 8: </td> <td><input id="dt7" size="30" name="title[]8" /></td> <td>Â Â Â Â Download Url 8:</td> <td><input id="du7" size="30" name="url[]8" /></td> <td><select id="se7" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#cccccc"> <td>Download Title 9: </td> <td><input id="dt8" size="30" name="title[]9" /></td> <td>Â Â Â Â Download Url 9:</td> <td><input id="du8" size="30" name="url[]9" /></td> <td><select id="se8" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> <tr bgcolor="#999999"> <td>Download Title 10: </td> <td><input id="dt9" size="30" name="title[]" /></td> <td>Â Â Â Â Download Url 10:</td> <td><input id="du9" size="30" name="url[]" /></td> <td><select id="se9" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select></td> </tr> </table> </body> </html> Code (markup):
Hi, Oops, i am sorry for the undue delay, i as just busy with my other project. just now checked your response in e-mail. Here is the code that you can use to accomplish the task that you wanna do. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> Mass Selector Script. </title> <script language="javascript" type="text/javascript"> function auto_types() { var masterValue = document.getElementById("autoTypes").selectedIndex; for(var i=0;i<10;i++) { var id="se"+i; document.getElementById(id).selectedIndex = masterValue; } } </script> </head> <body> <table cellspacing="0" cellpadding="0"> <tr> <td colspan="5" align="right"> <select name="autoTypes" id="autoTypes" onchange="auto_types();"> <option selected="selected" value="">Mass Category Select</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#cccccc"> <td> Download Title 1*: </td> <td> <input id="dt0" size="30" name="title[]1" /> </td> <td> Download Url 1*: </td> <td> <input id="du0" size="30" name="url[]1" /> </td> <td> <select id="se0" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#999999"> <td> Download Title 2: </td> <td> <input id="dt1" size="30" name="title[]2" /> </td> <td> Download Url 2: </td> <td> <input id="du1" size="30" name="url[]2" /> </td> <td> <select id="se1" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#cccccc"> <td> Download Title 3: </td> <td> <input id="dt2" size="30" name="title[]3" /> </td> <td> Download Url 3: </td> <td> <input id="du2" size="30" name="url[]3" /> </td> <td> <select id="se2" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#999999"> <td> Download Title 4: </td> <td> <input id="dt3" size="30" name="title[]4" /> </td> <td> Download Url 4: </td> <td> <input id="du3" size="30" name="url[]4" /> </td> <td> <select id="se3" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#cccccc"> <td> Download Title 5: </td> <td> <input id="dt4" size="30" name="title[]5" /> </td> <td> Download Url 5: </td> <td> <input id="du4" size="30" name="url[]5" /> </td> <td> <select id="se4" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#999999"> <td> Download Title 6: </td> <td> <input id="dt5" size="30" name="title[]6" /> </td> <td> Download Url 6: </td> <td> <input id="du5" size="30" name="url[]6" /> </td> <td> <select id="se5" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#cccccc"> <td> Download Title 7: </td> <td> <input id="dt6" size="30" name="title[]7" /> </td> <td> Download Url 7: </td> <td> <input id="du6" size="30" name="url[]7" /> </td> <td> <select id="se6" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#999999"> <td> Download Title 8: </td> <td> <input id="dt7" size="30" name="title[]8" /> </td> <td> Download Url 8: </td> <td> <input id="du7" size="30" name="url[]8" /> </td> <td> <select id="se7" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#cccccc"> <td> Download Title 9: </td> <td> <input id="dt8" size="30" name="title[]9" /> </td> <td> Download Url 9: </td> <td> <input id="du8" size="30" name="url[]9" /> </td> <td> <select id="se8" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </tr> <tr bgcolor="#999999"> <td> Download Title 10: </td> <td> <input id="dt9" size="30" name="title[]" /> </td> <td> Download Url 10: </td> <td> <input id="du9" size="30" name="url[]" /> </td> <td> <select id="se9" name="type[]"> <option selected="selected" value="">Category</option> <option value="App">App</option> <option value="Game">Game</option> <option value="Movie">Movie</option> <option value="TV">TV</option> <option value="eBook">eBook</option> <option value="Music">Music</option> <option value="XXX">XXX</option> <option value="Mobile">Mobile</option> <option value="Template">Template</option> <option value="Script">Script</option> <option value="Other">Other</option> </select> </td> </body> </html> Code (markup): i think this is the functionality that you intended.. regards d_s.
How could I integrate that into this? $yoursite = ""; //include link to the viewtopic, so everything is there except for the unique ID. $yoursiteurl = ""; $youremail = ""; $yoursitename = ""; //Spit out the page. print "<div align=\"center\"><table style=\"width: 900px; border-style:solid; font-family:tahoma; font-size:11px; padding:5px;\"><tr><td>"; print "<br /><form name=\"add\" action=\"http://www..com/submit.php\" method=\"POST\">"; print "<span style=\"font-size:18px;\">Downloads to Submit to:</span><br /><br />"; foreach($topic_info as $topic_info) { $topic_title = $topic_info['topic_title']; $topic_url = $topic_info['topic_id']; print "Download Title: <input type=\"text\" name=\"title[]\" class=\"form\" maxlength=\"70\" size=\"40\" value=\"$topic_title\"> "; print "Download Url: <input type=\"text\" name=\"url[]\" class=\"form\" maxlength=\"70\" size=\"40\" value=\"$yoursite$topic_url\"> <select name=\"type[]\" class=form><option value=\"App\">App</option><option value=\"Game\">Game</option><option value=\"Movie\">Movie</option><option value=\"TV\">TV</option><option value=\"Music\">Music</option><option value=\"eBook\">eBook</option><option value=\"Template\">Template</option><option value=\"Other\">Other</option></select> <a href=\"$yoursite$topic_url\" target=\"_blank\" class=\"mainmenu\">Check Download</a><br />"; } print "<br /><span style=\"font-size:18px;\">Settings:</span><br /><br />Site Name: <input type=\"text\" name=\"sname\" class=\"form\" size=\"30\" value=\"$yoursitename\"> Site URL: <input type=\"text\" name=\"surl\" class=\"form\" size=\"30\" value=\"$yoursiteurl\"> Email: <input type=\"text\" name=\"email\" class=\"form\" size=\"30\" value=\"$youremail\"><br />"; print "<br /><input type=\"Submit\" value=\"Submit Downloads\"></form>"; print "</tr></td></table>"; Code (markup): Sorry.
before calling print"<div align..." , you can print the script tag too.. that will render the appropriate contents. any way the script tag has to be rendered to listen to the events. thats it. if you are using a MVC architecture, put them possibly in the javascript folder, may be in the views, i am not so sure. regards d_s