Dropdown Menu Without Submit Button

Oct 6, 2003

I'm trying to make a dropdown box in Javascript that doesn't need a submit button. Easy enough, right? Well, the only difference with this one is that I want the links inside to go to a location within the same page.

But I keep getting an error in this code: Line 47 - Character 1 - Object Expected. That tells me absolutely nothing! What about you? Can you tell me what's wrong with the code?

The stuff before the HEAD tags is

Code:

<script type="text/javascript">
<!--
function goToAnchor(form) {
var f = form.anchorList;
var selectedAnchor = f.options[f.selectedIndex].value;
return location.href = selectedAnchor;
}
//-->
</script>
The stuff within the BODY tag is

Code:

<form>
<select name="anchorList" onchange="goToAnchor(this.form)">
<option value="javascript:void(0)" selected>This is a test...</option>
<option value="#link1">Link 1</option>
<option value="#link2">Link 2</option>
<option value="#link3">Link 3</option>
</select>
</form>

View 4 Replies


ADVERTISEMENT

Hiding / Disabling Submit Button Based On Dropdown Selection

Nov 9, 2010

How can I hide/disable the submit button if the name Todd is selected?

View 7 Replies View Related

Popup Submit Button While Selecting Item From Dropdown List?

Aug 12, 2011

how to popup submit button while selecting item from the dropdown list. i had completed the task of displaying textfield while selecting item from the dropdown list but unable to figure out how to popup the submit button with textfield while an item is selected from the dropdown list.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

[Code]....

View 3 Replies View Related

Useing Radio Button To Select A Dropdown Menu

Mar 10, 2002

On my page I have 3 radio buttons:

"FIRST"
"AFTER"
"LAST"

Beside the "After" radio button I have a dropdown menu:
"AFTER_LIST"

What I'm wondering is how to make the "After" radio either get it's value from /or make it link to the "After_List"'s value.

Also I was wondering how to make the "After_List" values only acessable when the "After" radio is selected.

View 5 Replies View Related

Dropdown Menu Mouseover Where The Button Does Not Stay Hovered

Nov 28, 2011

I've been looking for a solution to a dropdown menu problem where the button does not stay hovered when the list is navigated/as soon as the cursor leaves the button area. At the moment the effect is setup using css sprites (locally) but I have seperate images also for the 2 states.

[Code]...

View 5 Replies View Related

JQuery :: Make A Dropdown Menu Reappear After An Auto - Redirect And Clicking The Back Button?

Oct 25, 2011

Within my code below, when selecting 'Animals'in the dropdown menu a second dropdown menu appears.Selecting any item within this second dropdown menu causes a page redirect. When you click the back button in the browser, this second dropdown menu disappears in every browser besides Firefox. I want the user to be able to change their animal selection, e.g. choose 'Cat' first, then go back and choose 'Bird'.

I don't understand why the second dropdown menu disappears, going 'back' should display the page as it was. Is there any way to get the second dropdown menu to reappear without using a jQuery history plugin? This code does not behave as I have described in jsfiddle, so have pasted it here:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {

[code]....

View 10 Replies View Related

Dynamic PHP Drop Menu To Perform Rather Than Submit Button?

Nov 23, 2009

I currently have a PHP menu that drops the appropriate brand names to select by brand. The selection is made by pressing the submit button. The goal is to select a brand utilizing javascript to pass variables on to the brand.php page rather than 1)click the brand then 2) click the 'submit' button. I have very little js experience, so I'm looking for suggestions on examples, links, tutorials,

[Code]...

View 3 Replies View Related

JQuery :: Turn A Horizontal Dropdown Menu Into A Vertical Dropdown Mneu?

Dec 3, 2011

I want to use a drop down menu and found a horizontal example from John Resig. But I want to turn it into a vertical menu. How can I do that?

View 2 Replies View Related

JQuery :: Dropdown Menu Selection Dynamically Alters Selects Of Other Dropdown Menus On Same Page?

Jul 24, 2010

I have a project where I need a selection of one dropdown menu may affect the select of multiple other dropdown menus on the same page.First, a table is generated, and within each row, it contains a dropdown menu. Assume: Rows A, B, C, etc..., and Dropdown selection: 1, 2, & 3If dropdown in Row A selects 2, then I want the selection of dropdowns in rows B & C to dynamically change to 2.And if in Row C user selects 3, then the selection in dropdowns in rows A & B should dynamically change to 3.

View 1 Replies View Related

DropDown Menu Affecting Other DropDown Menu?

Apr 5, 2011

How can I make something like that: I will have 3 dropdown menus First Dropdown menu will be: Class Second Dropdown menu will be: Area

Third Dropdown menu will be: options that will change

3 Examples:

1. if I choose on "Class" Dropdown menu the option "A"
It will show on the the Third Drop down
"A1","A2","A3"

[Code]....

View 2 Replies View Related

Dropdown Submenu - Make A Horizontal Drop Down Menu With A Sub Menu ?

Nov 3, 2009

I actually want to make a horizontal drop down menu with a sub menu.As far as I have researched, I think that it can be done by JavaScript. I have searched for some java scripts but they are very long and complex.

That made me wonder that for a funcitonality like a Drop down is so complex?

So here is my question : Is there any JavaScript that can be applied for drop down menu exclusively? Which just presents logic of drop down solely?

View 3 Replies View Related

3 Submit Buttons - Stop Or Continue Form Execution With A Confirm Box On The Third Submit Button ?

Apr 23, 2009

On my form I have 3 submit buttons which handle different things.I am looking for a way to stop or continue form execution with a confirm box on the third submit button and the third only.I can't use onsubmit because that will trigger on all three buttons.

View 2 Replies View Related

JQuery :: Submit And Reloading Form Values After Submit Button Is Clicked?

Jul 13, 2011

In the following .submit function, I am attempting to grab the value of the selected option in the facilityCodes dropdown list when I click the submit button and then during the submit function,select the facilityCode again in the dropdown list when the page reloads and then disable the list so that the user cannot change it.However,the situation is when I reload the page after the submit button is clicked the dropdown defaults to the first option and the list is enabled.I apparently am not understanding how.submit works so that I'm selecting the option I'm defining in my code below and then disabling the list AFTER the page reloads due to an error on the page. My question is how can I accomplish this?Here is my code:

$(function() {
$("#ARTransferForm").submit(function() {
var msgsCount = 0;[code]....

View 1 Replies View Related

Submit The Form Data To The Popup Window Without A Submit Button

Jul 23, 2005

The following will submit the form data to popup by clicking the submit button. I want it will submit the form automatically to the popup, there is no submit button in this page. Basically this page should not show up.

<script type="text/javascript">
function submitmyform(f) {
f.target = 'foo'
window.open('',f.target,'menubar=no,scrollbars=no, width=800,height=800');
f.submit();
return false;
}
</script>

<form name="myform" action="popup.asp" target="_blank" method="post"
onsubmit="return submitmyform(this);">
<input type="hidden" name="item" value="item"/>
<input type="submit" value="submit to popup"/>
</form>

View 2 Replies View Related

JQuery :: Submit Form Using Text Link Rather Than Submit Button?

Sep 28, 2010

I'm using mailchimps signup box (they don't have a decent forum to ask on) on my website and want to adjust the submit button and change it to a normal link. Here's the button that submit's the form:

[Code]...

View 14 Replies View Related

JQuery :: Disable Submit Button On Form Submit?

Jan 31, 2008

I have a page with many forms that I need to change from a post to an ajax call. That part is working, no problem, but now I want to disable the submit button while it's waiting on the server response and then re-enable it when the response comes back.

Here's what I have:

$(function() {
$('form').each(function() {
$(this).submit(function(){

[code]...

I can't figure out what my selector should be to get the submit button of the form that's being submitted. What should I be using instead? Also, if the call errors out, I'd like to just post the form as usual.

View 12 Replies View Related

Disable/reenable Form Submit With No Submit Button?

Jul 5, 2010

I have a form without a submit button. It gets submitted programmatically with document.form.submit().

What I need is to be able to disable this form's submit capability on page load and then reenable it at some later point. Remember there is no 'input' button element.

Code:
What I've tried so far is like this:
savedSubmit = document.inputs.submit;
document.inputs.submit = None;
then later:
document.inputs.submit = savedSubmit;

but this does not work. How can I do this?

View 4 Replies View Related

How To Submit A Form Using A Link, Not A Submit Button?

Apr 16, 2004

I've got a pretty basic form that i need to be able to "submit" by simply loading it in the browser address, not click the submit button. is there a way to do this? Here is the code:


<form name="newform" action="/dir/submition.cfm?z=1&Myid=1" method="post">
<input type="hidden" name="userID" value="27566">
<input type="submit" value="Submit">
</form>

if i load just http://www.mysite.com/dir/submition.cfm?z=1&Myid=1, it doesnt do anything because it doesnt have the userID variable, but im not sure how to include that into the address...

View 1 Replies View Related

JQuery :: Dialog, Making A Button Behave Like A Submit Button?

Jun 3, 2011

I have this as my Dialog Javascript

$( "#dialog-form<?php echo $diagnumber; ?>" ).dialog({
autoOpen: false,
height: 300,

[code]....

View 2 Replies View Related

My Dropdown Sub Menu

Apr 24, 2007

Using innerHTML as key for this and I suspect that it's there it's gone wrong somehow.

on the link I have the:

HTML Code:
onMouseOver="subMenu('sub_menu')"
the javascript:


PHP Code:

function subMenu(menuName) {
  var changeTo = document.getElementById(menuName).innerHTML
  changeTo = "<b style='z-index:1; position:absolute; left:168 px; top: 250 px; background-color:#000000;'><a href='index.html'>link</a><a href='index.html'>link2</a></b>";}

View 3 Replies View Related

JQuery :: Submit Button Won't Submit?

Oct 27, 2011

I copied codes on internet and arranged them according to my knowledge of JQuery (which is very shallow).. The code works fine sometimes.... but not all the time. Can anyone help me to find out why the dialog box does not appear everytime I put wrong username and password?
Here is the JQuerycode:

[Code]...

Because I am using ui-darkness as the page theme, so at form tag, I don't have defaultbutton="but_submit" tag. If I add it back, I will get error while compiling..

View 1 Replies View Related

Submit Form Without Submit Button?

Feb 5, 2009

I have a form where i use normal buttons with javascript so i can have multiple actions and I don't use a submit button. I can submit the form fine using document.adminform.submit(); but i have an onsubmit="return submitForm"; attached to my <form> tag.

If i had a submit button, it would call the javascript function, but seeing as i don't have a submit button, how can i call that function. here is the bits causing problems

PHP Code:
<form name="adminform" id="adminform" method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>"  onsubmit="return submitForm();">
<p><input type="button" class="back" id="backbutton" title="go back" onclick="performAction('back');" />
<input type="button" class="save" id="savebutton" title="save" onclick="performAction('save');" /></p>

[Code]...

when the save button is clicked, a javascript function is called which does the ocument.adminform.submit(); but i need to do call the submitForm() function at the same time

View 6 Replies View Related

Link Via Dropdown On Submit, Yet Pass Form Values?

Feb 6, 2006

I am using a script so that a url selected from a dropdown is given control using the window.location method. This depends on the onsbumit definition attached to the action statement. All that works well. However, I have other checkboxes etc. on the form, and their values are no longer submitted when I used this onsubmit function. Is there a way I can get them to work... Here is the script and the form:

View 1 Replies View Related

JQuery :: Mc Dropdown Menu In IE6 And IE7?

Mar 15, 2011

I use the mcDropdown menu pluginin my website , but I have some trouble with it.In IE6 , some itemsdon't show when the mouse across there. In IE7,my trouble is that Iwant to layoutthree menus to occupy the same horizontal plane, but each one takes up a different line. Who can help me ? What can I do for this trouble?

View 1 Replies View Related

Alert On Dropdown Menu?

Jun 8, 2011

this alert should not be open when orange is selected but its popping

<html>
<head>
<script>
function valDrop(val) {

[code]....

View 1 Replies View Related

Dropdown Menu In One Step

Jun 20, 2006

I need a dropdown menu that go directrly to the link on select.
I don't want a 2 steps dropdown (select + submit)
I rather want a submit on select.

Like the Apple Store Locator on apple.com.
This dropdown is connected to a MySQL DB with PHP.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved