|
HTML - Option Selected Help
I have a drop down menu that changes the page when one of the options is selected. When I select an option, I want that option to become the selected option. Here is some example code.
<select class="select" name="Gender" onchange="submit()"> <option value="">Gender</option> <option value="0">Female</option> <option value="1">Male</option> </select> If I select "Female" I want that option to be selected when the page reloads. Now the menu resets to "Gender" every time the page reloads. Thanks Similar TutorialsHi all. I have a page that the select box is not selecting the option when selected is put in there. Here is the code. Any help you have is appreciated =) Thank you =) Light and Love and Healing to you, -Patrick Arden McNally Code: <html> <head> <title>DULUTH Music Scene</title> <link rel="stylesheet" type="text/css" href="music_scene.css"> </head> <body > <div class="wrapper"> <table width="100%"> <tr><td colspan="2"> <table width="100%" border="1"> <tr width="100%" align="center" valign="top"> <td><a href="index.php">Home</a></td><td><a href="calendar.php">Calendar</a></td><td><a href="featured.php">Featured Shows</a></td> <td><a href="view.php?mode=3">Venues</a></td><td><a href="view.php?mode=2">Local Artists</a></td><td> <a href="classifieds.php?type=1">Instruments</a><br> <a href="classifieds.php?type=2">Lessons</a><br> <a href="classifieds.php?type=3">Repairs</a><br> </td> <td><a href="email.php">Contact<br><a href="about.php">About Us</a><br><a href="user_reg.php">Join</a></td></tr> </table> </td></tr> <tr> <td><h2> DULUTH<br>Music Scene</h2> </td><td align="right"> You are logged in (admin) <a href="logout.php">logout</a><br> <a href="home.php">My Profile</a> | <a href="admin.php">MusicScene Admin </a></td></tr> <tr><td colspan="2"> <hr> <h2>Edit Featured Show</h2> <form action="admin.php?mode=edit_featured" method="post" name="form1" enctype="multipart/form-data"> <input type="hidden" name="mode" value="edit_featured"> <input type="hidden" name="id" value="9"> <input type="hidden" name="regionID" value="1"> Shows: <select name="showID"><option value="27" selected>2009-04-25 - The Rez <br>The Big Wu - The Orpheum Duluth - NorShor Theatre 1st Floor</option><option value="33" >2009-06-25 - The Infinite Flow <br>The Lovers - Blue Crab</option><option value="8" >2009-07-10 - The Infinite Flow <br> Johnny Reeferseed & the High Rollers<br> Harmonic Order<br> Cirrus Minor<br> The Rez<br> Dead L - Mellow Meddle Music Festival</option><option value="10" >2009-07-10 - The Rez <br>The Infinite Flow<br> Harmonic Order - Mellow Meddle Music Festival</option><option value="15" >2009-07-10 - The Infinite Flow <br>The Rez - Mellow Meddle Music Festival</option><option value="29" >2010-10-20 - The Hobo Newphews of Uncle Frank <br>JnvsVwNotS - The Rex</option></select><br> Description: <textarea name="description" cols="80" rows="10">The Rez and The Histronic will be opening for The Big Wu on Saturday April 25th at the Historic NorShor Theatre in Duluth (Now Called The Orpheum Duluth).</textarea><br> User: <select name="userID"> <option value="16" >Jamie Ness</option> <option value="17" >Jim Hall</option> <option value="18" >Marc Gartman</option> <option value="19" >Too Many Banjos</option> <option value="20" >Acceleratii</option> <option value="21" >Root City Band</option> <option value="22" >The Tisdales</option> <option value="23" >Equal Xchange</option> <option value="24" >Charlie Parr</option> <option value="25" >Uprising</option> <option value="26" >The Fractals</option> <option value="27" >Lonesome Dan Kase</option> <option value="28" >Ian Alexy</option> <option value="29" >The Hobo Newphews of Uncle Frank</option> <option value="30" >The Hobo Newphews of Uncle Frank</option> <option value="45" >Thirsty Pagan Brewing</option> <option value="46" >Lakeview Castle</option> <option value="48" >The Orpheum Duluth - NorShor Theatre 1st Floor</option> <option value="49" >The Rex</option> <option value="60" >Sir Benedict's Tavern on the Lake</option> <option value="61" >Pizza Luce</option> <option value="62" >Blue Crab</option> <option value="63" >Fitger's Brewhouse</option> <option value="51" >#dennick[IRIFIFZFZIII]</option> <option value="52" >2</option> <option value="12" >Music Scene Admin</option> <option value="47" >Angelic Ascension</option> <option value="13" >The Infinite Flow</option> <option value="58" >infoffwrofE</option> <option value="59" >itedgeGootorm</option> <option value="55" >Josh Brown</option> <option value="56" >pp</option> <option value="57" >pp</option> <option value="42" >Patrick</option> <option value="43" >Patrick</option> <option value="44" >Patrick Arden McNally</option> <option value="8" >Patrick Arden McNally</option> <option value="9" >Patrick Arden McNally</option> <option value="15" >Teague Alexy</option> <option value="14" >The Beat Coffee House</option> <option value="31" selected>The Rez</option> <option value="2" >Tim and Pat</option> <option value="6" >Twins Bar</option> <option value="50" >xpokvmihdsz</option> </select><br> Date Start: <select name="date_start_month"><option value="01" >Jan</option><option value="02" >Feb</option><option value="03" >Mar</option><option value="04" selected>Apr</option><option value="05" >May</option><option value="06" >Jun</option><option value="07" >Jul</option><option value="08" >Aug</option><option value="09" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select><select name="date_start_day"> <option value="01" >01</option><option value="02" >02</option><option value="03" >03</option><option value="04" >04</option><option value="05" >05</option><option value="06" >06</option><option value="07" >07</option><option value="08" >08</option><option value="09" >09</option><option value="10" >10</option><option value="11" >11</option><option value="12" >12</option><option value="13" >13</option><option value="14" >14</option><option value="15" >15</option><option value="16" >16</option><option value="17" >17</option><option value="18" >18</option><option value="19" >19</option><option value="20" >20</option><option value="21" selected>21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" >26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select> <select name="date_start_year"><option value="2009" selected>2009</option><option value="2010" >2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option></select><br> Date End: <select name="date_end_month"><option value="01" >Jan</option><option value="02" >Feb</option><option value="03" >Mar</option><option value="04" selected>Apr</option><option value="05" >May</option><option value="06" >Jun</option><option value="07" >Jul</option><option value="08" >Aug</option><option value="09" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select><select name="date_end_day"> <option value="01" >01</option><option value="02" >02</option><option value="03" >03</option><option value="04" >04</option><option value="05" >05</option><option value="06" >06</option><option value="07" >07</option><option value="08" >08</option><option value="09" >09</option><option value="10" >10</option><option value="11" >11</option><option value="12" >12</option><option value="13" >13</option><option value="14" >14</option><option value="15" >15</option><option value="16" >16</option><option value="17" >17</option><option value="18" >18</option><option value="19" >19</option><option value="20" >20</option><option value="21" >21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" selected>26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select> <select name="date_end_year"><option value="2009" selected>2009</option><option value="2010" >2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option></select><br> Paid: <input type="checkbox" name="paid" checked> Payment ID: <input type="text" name="payment_id" value=""><br> Active: <input type="checkbox" name="active" checked><br> Type: Front Page <input type="radio" name="featured_type" value="1" checked> | Featured Shows Page <input type="radio" name="featured_type" value="2" ><br> Featured photo: <input type="file" name="featured_photo"><br> <input type="hidden" name="featured_photo_old" value=""> <input type="submit" name="submit" value="Submit"> </form> <br><hr><br><br><br> <a href="admin.php?mode=featured">Add/Edit Featured Shows</a> | <a href="admin.php?mode=banners">Add/Edit Banners</a> | <a href="admin.php?mode=classifieds">Add/Edit Classifieds</a> | <a href="admin.php?mode=report">View Site Reports</a> <tr><td colspan="2" align="center"> <br><br> </td></tr> </table> </div><div class="push"> <div class="footer"><a href="about.php">About us</a> | <a href="email.php">Contact Us</a><br> <div style="font-size: 12px;">Website Design by <A href="http://www.thedesignedge.com/">The Design Edge</a> - ©2009 Music-Scene.org</div></div> </body></html> I'm having trouble getting firefox to preselect an option using selected in the option tag. It's in a php app, but I've made a simple test in just html and it displays the same behaviour. Does the following code work right for anyone else with firefox 3? Code: <html>
<head>
<meta http-equiv="Pragma" content="no-cache" />
</head>
<body>
<form>
<p>display email?
<select name="display_email" size="2">
<option value="no">no</option>
<option selected="selected" value="yes">yes</option>
</select>
</form>
</body>
</html>
I've also tried just 'selected', and selected="yes" but to no avail. Thanks How do I get the selected item from a select option list? I dont need the value I need the text associated with the value. I can get the value with (in vbscript): strValue = .mylist.value Have searched google exhaustively to see how to do this simple thing but have found nothing. Thanks. I want to put color in my option box.. How can i do it? thanks =D <html> <bgcolor="black"> <select size="1" name="D1" > <option selected>Punk</option> <option>Sum 41</option> <option>GoodCharlot</option> <option>My Chemical Romance</option> <option>Green Day</option> <option>Blink 182</option> <option>The All American Rejects</option> <option>The offspring</option> <option>30 seconds to mars</option> <option>Tokio Hotel</option> </select> </html> I have a drop down box with a few items that can be selected. <select name="id_products" id="id_products"> <option value="CHOOSE ONE">CHOOSE ONE...</option> <option value="Bundle 1">Bundle #1 ($5795)</option> <option value="Bundle 2">Bundle #2 ($5495)</option> <option value="Bundle 3">Bundle #3 ($5295)</option> </select> When an item is selected and the Submit button is clicked, the form POSTS to FormMail.php which sends me an email with the value of "id_products". What I want to do is to expand on what the "Bundles" are before sending by email. For example, if "Bundle 2" is selected, then "id_products" equals "Bundle 2". I want to check what "id_products" is before sending this off to the FormMail.php and change it to something more descriptive, like: If id_products = "Bundle 2" then id_products = "Mustang $495 Pinto $23 Chevy $1200" So instead of receiving for id_products "Bundle 2" by email, I get... Mustang $495 Pinto $23 Chevy $1200 ... instead. Can this be done? Thanks. Webbiz Hi guys, i have a drop down code below Quote: <select class="input" name="mod[cpu]"> <option value=""> </option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> the output are like this Quote: $html .= ($content[cpu] ? '<div class="' . $this->switch_bg() . '"><strong>CPU:</strong> ' . @htmlspecialchars($content[cpu]) . '</div>' : ''); i want after the drop down choosed by user, it will add SELECTED next time they opening the drop down again i am still dont know how to put the SELECTED there, please help what is the code to add SELECTED, i only have variable mod[cpu] and $content[cpu] i already tried in bold below, but still not working Quote: <select class="input" name="mod[cpu]" selected="$content[cpu]"> <option value=""> </option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> please share your knowledge I am trying drop-down box with pre-selected value.Here is the example i am using, <html> <body> <p><b>Drop down box with pre-selected value</b></p> <form> <select name="cars"> <option value="Volvo">Volvo</option> <option value="Saab">Saab</option> <option vaue="Mercedes" selected="selected">Mercedes</option> <option value="BMW">BMW</option> </select> </form> </body> </html> when i load the page mercedes appears as the selected value.but if i change the value to something else and then click refresh button value doesnot change back to mercedes again.It still shows previously selected value.Why is this happening? Hey all! Is there a way to pass more than one value using the HTML option tag? I am using HTML and ASP together and so I need a first name variable and a last name variable from a DB2 table to be passed as well as show up together as one value in the drop-down box I have created (i.e. John Doe). As of right now I have figured out how to make it show in the drop-down box as John Doe however, I need the full name to be one value. Hope this makes sense! Thanks! Response.write "<option value=" & rs("FIRST_NM") & ">" & rs("FIRST_NM") & "</option> <option value=" & rs("LAST_NM") & ">" & rs("LAST_NM") & "</option>" how to do? i want a link that go to one site and show another text like - Lemon Smash <a href="http://www.jogos10.com/jugar.php?id=4918">Click to play =)</a> . but in option box. <script type="text/javascript"> window.onload=function() { document.getElementById('menu').onchange=function(){ goThere(this.value); } } function goThere(url){ location.href=url; } </script> </head> <body> <div> <select id="menu"> <option value="www.benfica.com" selected="selected">go to benfica</option> </select> </div> ?? is that? it is not working, is the last time that i call for your help, i promess, but plzzzzzzzzzz =D How I could make a download option using HTML. Thanks in advance So I have code that opens a file input dialog box where a person can pick an image to upload. Once an image is selected, I want the image to appear on the web page. The problem is, I dont know how to show the image, because the source is unknown. After the user selects the image from the dialog box, is there any way to show it? <input type="file" name="diagram" size="40"> <img src=( what do I put here to show the image that was selected ) align="right" style="padding-right:10px" alt="dataFlowDiagram" /> Hi there, I am using dreamweaver to make this website and I have got a little problem. I have got this template which has a top nav bar, and if it is selected it has a class="current" for CSS. I am using it in a template so when one updates they all do. This is where the problem occurs. I cannot set each one to current on the nav bar. I could make the nav bar and editable region, however I dont want to, as then if I update it, it wont up date any of the others. Is there a way to do a sort of IF statment saying if the url equals www.mydomain.com/aboutus.html class equals current? Thanks. Josh Hi all, I have various anchors on my web-pages that do not actually load new pages..so they look like: Code: <a href="javascript:return false;" onclick="doSomething();">foobar</a> problem is, when a user clicks the anchor the anchor becomes 'selected' showing a box around the anchor..which I do not want..I'm no HTML/CSS guru and have no idea to fix it so that when anchor is 'selected' it does not 'show the box around it'..any tips on what I can do? (I suppose I could try and change it to use spans instead of anchors, but..then the 'mouse cursor' does not change properly when users hover over the anchor). ps. the website url: www.borrownet.com every menu link has this issue. Hi, If one were to choose an option from a drop down, is there any way to immediately show either a textbox or some sort of input method next to the option? Ive seen this done on facebook, but i am not sure what type of language its using. an example is like this: How Many Links?: <select name="links"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select><br><br> if the user chooses drop down option 3, then immediately there would be 3 textboxes for the user to submit the website links.. thanks Hello all, I have a stong question because i can't solve it. I want to creat a drop down list with images beside each row. Usualy on clasic html is something like this: select ... option value /option /select But i want a small image (icon) beside each option from select. See for example: http://www.scrigroup.com/afaceri/con...ate/index7.php on the top page see a clasic select. How can i change it to icon seclect on each option? Thanks for your effort to reply Preface: Aside from an angelfire webpage back in the 90's I have very little HTML experience. I am now trying to create a webpage and server on an 8-bit microcontroller. Because of memory limitations, I need to keep my entire page in one packet (~1500 bytes, including headers, et al). To avoid unnecessary overhead in the server, I do not want to use Code: <header><meta http-equiv="refresh"content=30;url=http://... Instead, I would like to put a refresh button on the page for users to hit when they want to check for any changes to the page. I have tested two options that both seem to work (tested in IE9, Firefox, Chrome). Option 1: An actual button Code: <form><input type=button value="Refresh"onClick="window.location.reload()"></form> Option 2: Just a simple link to the page with the word Refresh Code: <a href="http://www.....">Refresh</a> Question: I am not looking for the fanciest solution here -- just the most reliable. That said, I would prefer the button solution over the hyperlink solution. Is there any danger that Option 1 may not work in some cases in some browsers? Will both/either force the browser to go out and get the page again (rather than load from cache)? I have taken over a website that has font size option. and now that i added some text, the text will not change when i use the font size option buttons on the left. anyone have any thoughts? http://www.aacwinnip...enda_Sklar.html Hi: Problem with understanding/using the <select /> clause. I would like the page sent to the user (upon loading) to show the chosen location (i.e., a State of the USA) when I send an updated page with a specified 'Value' set: Here is an abbreviated portion of my Select Clause: <select name="homestate"> <option selected="selected" value="CA">Select State</option> /*note the 'CA*/ <option value="AK">Alaska</option> <option value="AR">Arkansas</option> <option value="CA">California</option> /* I want California to display */ </select> Note that my 'Value' above for the "selected" option is "CA" (for California). However, if I send this updated page to my user with *his* state as 'CA', it still shows as 'Select State' -- where I wish 'California' to display in the Select Default Box. Question: Is there some way that I can make the Select Clause bring up the word 'California' when it accesses the Value='CA' and so on with other 'value' choices ?? (or does this have to be done (somehow) with Javascript ?? Thanks for any guidance ! -Mel Smith Hi All! I'm using the Option Group/ optgroup/ Select features within a form and would like to initially display all options without having to click the arrow button to "reveal" the selections. I can't seem to find the option to allow this. Of course I can switch to a hyperlinked list, but have made extensive Option Group and would like to continue to use them. Thanks in advance!! I want to rebuild a website, and I want to have a button that gives people the option of three background color choices. How can I do that? |
|||||||