HTML - Link To Auto Select Drop Down Item In Form
Hi All,
I've been asked to make some hyperlinks that automatically select items in a drop down menu in a contact form. Is this possible if so, how is it done Thanks in advance Bluestreak Similar TutorialsHey, Using PHP and MySQL but I thought this problem is more suited to HTML (admin, please move if its not). I have a drop down select form which I want to automatically change the page once the user has selected it. Like a home page of a company and you choose the country, when it automatically goes to the appropirate page. Any ideas of how to do this? Thanks, I was wondering, if there is a web page with forms, is there anyway you can create a link so that some of the input boxes are automatically filled. This would be nice so that I can email a few links to a lot of my friends and I've already filled out some of the info for everyone. Thanks for the help. ~Bryan H.~ 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. Hello!I would like to know if there is another way preselect OPTION VALUE than what I have done below? If I use what I have done below to dynamically the "SELECTED VALUE=" AREA WITH A _get/$VARIABLE, I will end up with 2 identical entries in my drop-down list (such as 2 AVA entries) and I would like to avoid this. Any ideas on how I could avoid this using a different type of method on selecting a default item? Thank you! Code: <SELECT NAME="custom2"> <OPTION SELECTED="SELECTED" VALUE="Lettering Style ADX">ADX</OPTION> <OPTION VALUE="Lettering Style AJA">AJA</OPTION> <OPTION VALUE="Lettering Style AMZ">AMZ</OPTION> <OPTION VALUE="Lettering Style ATH">ATH</OPTION> <OPTION VALUE="Lettering Style AVA">AVA</OPTION> <OPTION VALUE="Lettering Style BAM">BAM</OPTION> </SELECT> Hi, I am creating a form in which i have a dropdown menu. According to the selection(s) in drop down menu, that many text field(s) should be shown below that drop down menu. Have a look at this code... <html> <head> <title> Sample Application </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function callMe() { if(document.MyForm.dropDownValue.value != ""){ document.getElementById("txtBox").style.visibility = "visible"; } else{ document.getElementById("txtBox").style.visibility = "hidden"; } } </script> </head> <body> <form name="MyForm"> <table> <tr> <td> <select name="dropDownValue" onchange="callMe();"> <option value="">--None--</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </tr> <tr id="txtBox" style="visibilty:visible"> <td> Enter Your Value He </td> <td> <input type="text" name="txtEntry" value=""> </td> </tr> </table> </body> </html> : the problem is: when I select 2, it suppose to show 2 text fileds and 3 when i select 3 accordingly. I am new to this stuff...so,can any one help me out ASAP pls?? thanks , i will be waiting for your reply... -S I have several pages of webaddresses and I want all of the addresses to link but dont want to do it to each address, is there anyway to make each addresses automatically hyperlink to itself. e.g www.cnn.com, i would like that address to be hot and when clicked it goes to cnn.com but i have pages and pages of addresses and dont want to have to type a target for each one. Thanks Good morning... I have a bunch of links that open pdf files publish on a server. These files are overwritten with the latest data every 30 minutes... the challenges i have is to open the latest and greatest when i click on the link..... I do have a meta refresh code in the head of my page, it look like this: <head> <meta http-equiv="Cache-Control" content="no-cache"> each one of my links look like this: <a href="http://myweb.com/report/reportinpdf.pdf"; >Report name herer</a> Any ideas on making sure that i open the latest and greatest instead of whatever is in the cookies....???? (i am assuming that is why the files is not updating...) Thanks in advance... Seabass hi My code is- <HTML> <HEAD></HEAD> <BODY> <TABLE> <TR><TD> <SELECT NAME="Date"> <OPTION>1</OPTION> <OPTION>2</OPTION> : : <OPTION>30</OPTION> <OPTION>31</OPTION> </TD></TR> </TABLE> </BODY> </HTML> it will show the numbers from 1 to 31 in the drop down with long scrollbar. My problem is - I want show only 10 numbers.User need to scroll and select other numbers. Is it possible? How can I drop down a select list with onmouseover instead of clicking it. Select list cannot be clicked in javascript to emulate that. eg: onmouseover="(this.click())" Also setting the 'size of select list' = 'its length' in javascript does not accurately emulate the click event because the adjacent layout changes. I tried using z-index and position attribute but doesn't help. Hi Im new to the forum, it looks like a great place, would be very grateful for your help I am looking for some code to make up a contact system. When a user clicks on a link or button in my website it forwards them to my contact form and in a field in the contact form it pastes either the items title they were enquiring about or the page they had been enquiring on at the time I found a javascript function that may be able to do it called dopostback but after reading some forums I am concerned it will hinder web crawlers from crawling my site Is there anything equivalent in HTML or other language that could achieve it? Regards Jamie I want to sell some stuff over the internet like cloths.... And I use Pagseguro (Its a brazilain thing, like paypal). So, I have this wordpress site, with pagseguro plugin installed on it. To add products on my posts I use the following code to get the Add to cart button. HTML Code: <object><form method="post" action="" style="display:inline"> <input type="submit" value="Adicionar ao Carrinho" /> <input type="hidden" name="product" value="[b]PRODUCTNAME[/b]" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" /> </form></object> The thing is, the plugin is really simple. All it does is: show "add to cart" button and the "pay" button. And like I said, I want to sell cloths. To sell cloths there got to be the Sizes: "S""M""L" and color. And what I wanted to do is: Create a form like this: HTML Code: <form name="jump"> <p align="center"> <select name="menu"> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </p> </form> (I found that on http://personal-computer-tutor.com/dropdownlist.htm) On the options there would be the sizes for my clients to choose. And on the "ADD TO CART CODE" (the first code on the top) on the "PRODUCTNAME" part would be a PHP or something that would gather the clients choice and add it there. So when he press the button the product he chose would show on the cart with the size in parentesis. Like this: HTML Code: <object><form method="post" action="" style="display:inline"> <input type="submit" value="Adicionar ao Carrinho" /> <input type="hidden" name="product" value="Alpinestars (<?php GET FORM VALUE ?>)" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" /> </form></object> (for the button) and if he chooses small it be like this on the shopping cart: Alpinestars (Small) I know its really difficult to understand My english is really bad. But im really sad because I cant do this by any way. Could yall please help me with my problem? Thank You. Good morning! I have a problem with a couple of select boxes. I need more than one, due to the size of the list, but I want it so if they choose an option in the first box, then choose an option in the second box, it will deselect the option in the first one. So for example, if these are nested side by side in a table... <td width="20%"><form> <select name="selectMain" size="16" id="selectMain" onChange=" if ( value == 0){ selects (id);} if ( value == 1){ selectc ('Test1',id);} if ( value == 2){ selectc ('Test2',id);} if ( value == 3){ selectc ('Test3',id);} "> <option value="1">Test 1</option> <option value="2">Test 2</option> <option value="3">Test 3</option> </select> </form> </td> <td width="20%"><form> <select size="16" id="selectMain" onChange=" if ( value == 0){ selects (id);} if ( value == 4){ selectc (Test4',id);} if ( value == 5){ selectc ('Test5',id);} if ( value == 6){ selectc ('Test6',id);} "> <option value="17">Test 4</option> <option value="18">Test 5</option> <option value="19">Test 6</option> </select> </form> </td> If someone chooses Test 1 in the first box, it highlights it and displays that content. And if they choose Test 4 it removes the Test 1 content, highlights and displays the Test 4 content. But it leaves Test 1 highlighted as well. There is a lot of missing code here... But hopefully you get the picture. Is there a way to make it so that when they choose Test 4 it will remove the highlighting from Test 1 in the first form? Thanks so much for your help! I have been beating my head on a wall! =D I am wanting to link to a certain option in a select list via an anchor link on another page. Each option displays different info below it using javascript. Example: I have a date on a php based calendar linking to a events page. On the events page is the select list with different events that will show below the list when selected. How can I link that specific date to that event so that it is displayed? Is this possible? I've made an incredibly simple html page as an active desktop for a gpo policy, however there's been an uproar about colours so I thought I'd give it a stab to have a drop-down box to select from a range of colours for the body style tag. Any suggestions? <html> <head> <!--808080--> <title>ArchitenBG</title> <STYLE type="text/css"> body { background-color:#3A6EA5; } #div1 { position: absolute; size: 50%; bottom: 0px; right: 0px;} </STYLE> </head> <body> <div id="div1"><img src="Talbg.png" /></div> </body> </html> Hello All, Sorry to ask for help on my first visit. Is there any way to link drop down lists to each other using html? For example, the first drop down list would have states/counties. Once they select one, on the second drop down list it automatically generates all the towns in that county/state. It's meant to be part of a form for a website. Many thanks to all Hello, I have a html page and a drop down menu on top. The drop down menu is for like users. The user has to pick their role and based on that, the page will only show some parts of the content. So I have the drop down on top (e.g Developer, Editor, etc) and based on what they pick, hide the contents that they're not supposed to see. Is this possible with HTML? What do I need to do? I've looked all over the web and can't find an effective way to do this. Can someone please help? I need to make text drop down menus when you mouseover my links. This is a perfect example: http://www.stpatrick.org/ Thanks a lot! Hi, I would like to construct a form which is auto filled and submits automaticaly.. It has to upload a file whose path I know.. Here is what I tried Code: <FORM action="read_csv.php" enctype="multipart/form-data" method="POST"> <input type="file" name="datafile" value="/home/anirudh/public_html/readd_csv/performance.csv"> <script type="text/javascript">document.form.submit()</script> </FORM> But the form's file field is not filled automatically..What is the problem? Hi All, I want to autosubmit my file to google.com. Here is the code I wrote to execute it. Unfortunately output is not what is intended. I tried in IE and mozilla only. Basically I want the script to be browser independent Any help will be appreciated. Below is the code. My file name is autosub.html <HTML> <HEAD> <TITLE>My First JavaScript</TITLE> </HEAD> <BODY onload=""> <FORM NAME="search_Key" METHOD="post" ACTION="http://www.google.com" target="_top" id="search_key"> <p align="center"> Search value : <INPUT NAME="search_value" SIZE="10" MAXLENGTH="3" VALUE="spiderman"></p> <INPUT type="submit" value=Go> </FORM> <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT"> <!-- document.write("I love JavaScript"); //--> function myautosubmit() { document.pnr_stat.submit(); document.write("I love JavaScript2"); } </SCRIPT> </BODY> </HTML> When open my autosubmit.html, browser shows "I love JavaScript2" only. Thanks in advance So I'd like to have a 160*600 box with hyperlinks displaying only a headlines I select. I would like the bottom of the box to have arrows for navigating between sections of links that fit in the box with a place to enter a page number in between them. I would like it to begin with displaying the most recently posted links starting on the last page number with that being the first page it displays. I want the bottom of the box to include below the browsing chronological browsing feature an arrow facing left with the word "search" that would open a box with a place to type in text for it to search link headlines. At the bottom of the search box I would like an arrow facing down with the words "search by label". Yes, I would like to not only select a headline for each link but also categorically label them. If I could also select images for it to automatically fill the empty space with when a new page number is started that would be great, even better if it selects ones that fill the most depending on how long the headlines are. If it repeated headlines in extra page space instead of showing images that would be cool too. I'd also like it to automatically expand in height past 160*600 to make a new page number just for a headline that doesn't fit in 160*600. I need this in HTML. My blog is episin.blogspot.com |