The problem i'm having is that I want to create a drop down selection box, which has an option called other - please specify, that allow the user to enter the text into a text field.
I want the text box to always be visable but greyed out until other is selected from the drop down list.
I have been looking around on the webs but have not found anything. I can find how to add multiple fields, but what if they reside on different forms on the same page?
For example, here is my code with two forms:
<FORM name="form1">
<b>Size</b><input type="text" size="12" value="" name="size">*
<b>Qty</b><input type="text" size="4" value="" name="qty"
[Code]....
In this example, I want to sum the two fields named "tw1" (the last field on each form) into a text box.
I am having a very hard time figuring out how to dynamically disable certain fields in a form based upon the user's answer to a <select> element.
So, first I have a <select> element to my form asking the user to choose one of three choices, like so:
<SELECT Name="mortgagetype">
<option value='First'>First</option>
<option value='Second'>Second</option>
<option value='Third'>Third</option>
</SELECT>
The next 6 fields are all input fields:
<INPUT Type="text" size="30" Name="Question1">
<INPUT Type="text" size="30" Name="Question2">
<INPUT Type="text" size="30" Name="Question3">
<INPUT Type="text" size="30" Name="Question4">
<INPUT Type="text" size="30" Name="Question5">
<INPUT Type="text" size="30" Name="Question6">
The tricky part is that I want the availability of certain fields to depend on the user's answer to the <select> element that comes first. If they answer "First" then questions 1, 2, 3 and 4 should be disabled. If they answer "Second" then questions 3 and 4 should be disabled and if they answer "Third" none of the questions should be disabled.
I'm running two different forms on one page.Each form goes to a different place - one form does stuff on a different server and one form does stuff on the same server.This is being accomplished by using the following script (found here on WebDeveloper)
HTML Code:
<script language='javascript'>
<!--
function doit()
[code]....
The first form starts like this:
HTML Code:
<form id='form1' name='form1' action="http://www.coolcart.net/shop/coolcart.aspx/starkeepsakes" method='POST'>
The second form starts like this:
HTML Code:
<form id='form2' name="form2" method="POST" action="attachscript.php" enctype="multipart/form-data" target='_blank'>
There is no submit function in the forms.
After the two forms are listed, there's one link that processes both forms at the same time when clicked:
HTML Code:
<div align="center"><a href='javascript:doit()'>Click Here To Submit</a></div>
Here's the good news: THIS WORKS. This is not the problem.The problem is my client wants most/all of the content in form2 to be filled out. If the fields are not filled out, then something happened that says in effect "yo. fill that out!"I've tried to use javascript validation scripts and they don't work. Presumably because they depend upon
HTML Code:
<input type="submit" name="submit">
Which is NOT how the form is told to post.
the HTML spec says that disabled fields aren't submitted during post- back... but I want them to be submitted with ajaxSubmit using the Forms plugin. is this possible with an option now? or something I have to work around?
View 2 Replies View RelatedI have a form with a text box that is greyed out unless a checkbox is checked. The problem is if the checkbox is checked and this enables the text box to enter data and I hit reset, the text box does not reset and turn grey. It allows data to be entered. I have both the html reset button and the javascript clear form, but neither seem to work. How do I reset the text box to grey as well if reset is hit? code...
View 1 Replies View RelatedGo here: [URL] How to accomplish this and send this data to a mysql column! The field will not grey out in i.e.
View 3 Replies View RelatedI need to have a page wait till the entire thing is loaded before the user interacts with it. I would like for it to do a lightbox styled grey box over it or even something like plesk does where it fades out the background (same effect really) until the page has loaded
View 3 Replies View RelatedI need to have a textbox of a form field greyed out, inaccessable, blocked, until a checkbox is checked(or if it's already activated, it becomes inaccessable when turned off.
View 12 Replies View RelatedI want to make few forms but 1 submit button. I want to do 1 page , 5 forms , 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
View 2 Replies View Relatedhow to add forms in javascript, but it's limited to text input forms.
<script type="text/javascript"><!--
function updatesum() {
document.form.sum.value = (document.form.sum1.value -0) + (document.form.sum2.value -0);
}
//--></script>
Where the inputs sum1 and sum2 are text fields you put whatever numbers you want in. That works fine. Great. Now what I'm having trouble with is modifying the code so that it will add one form with an input number with a form that spits out a randomly generated number.
<input type="button" value="D20" onclick="this.form.display.value = Math.round (20 * Math.random())" class="buttonHi" /> <input name="display" type="text" size="6" value="" />
This is what I'm using for my random number generator. So basically I want to be able to put, say, 5, into the input text field above this. And then click on the d20 button to get a random number, say, 15, and then have the first code add the inputted 5 with the randomly generated 15.
I have been looking for the past 2 days for a script that I can add and delete table rows.
I have found a lot but so far all of them add an input field but I desperatly need a textarea or ideally a section of input fields.
I have tried to change the code from input to text area but none of them worked.
Have you come across to a similar script.
I would appreciate any contributions.
What I am trying to do is a page where the user will add their employees details so we can order business cards for them. So I have fileds such as, Name, Tel Num, Email, Cell etc.
I have this order form where the customers can change the quantity by intput in a text field.I would like to have the text field changed with select fields, but doing so in the form, the script is not doing anymore.Can anyone have a look and tell me what to change in the scritp to accept select fields in place of the text fields.
View 5 Replies View RelatedI have multiple fields in a form with the same name. Lets call the fields with the same name "junk_array". My first field of junk_array is a input type=hidden. All the others fields in junk_array that follow are type=text. I can reference this first hidden field in IE with document.form.field[0].value. In, fact my form works absolutely wonderful in IE 6. However, netscape 4.7 does not recognize my first field in the array as the hidden field. Netscape sees the first visible text field as the first field in the array, subscript 0. What totally and utterly perplexes me, is that, from a previous thread, I can do this and get 9999 back in an alert
box in Netscape and IE. So, this proves Netscape doesn't have some evil code that disregards hidden fields. I guess...
<body onload="alert(document.myForm.test[0].value);">
<form name="myForm">
<input type="hidden" name="test" value="9999">
<input type="hidden" name="test" value="8888">
<input type="text" name="test" value="6">
<input type="text" name="test" value="3">
</form>
I even copied these fields directly below the opening <form> tag in my form and both Netscape and IE see the first hidden field as as
subscript 0.
However, my form is much more complicated. I have tables within tables and about 30 other fields. In my form I cannot for the life of me get Netscape to recognize the first hidden field of junk_array to zed as index 0.
Somehow, If I make the first type=hidden fields visible, netscape does work nicely. Why when I toggle type=hidden to type=text does Netscape cooperate. What is happening here? Anyone else have this problem with hidden fields in Netscape? I could post the code to my form but it is
big.
i have to hide/unhide some fields on basis of some other fields. i found this script on the web.i can't understand the function completely what is the if ( txt.match(id1) ) block doing ?? is there any other way of doing the same...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
[Code]...
I have used this piece of code which is working great. It allows me to add different items from combo boxes to my order form. The problem is that i dont know how to extract the data from my db to display in a form view when i want to amend the i.e the number of items. Each record has a different number of items in it but are all lnked to one id. Is this possible to do. Any help on this would go along way.
stdhead("Home");
?>
<script type="text/javascript">
var counter = 0;
function add_phone() {
[Code]...
There are two input fields in a form, but only one of them is required, they are not required at the same time. Either A or B is required. ( A is required OR B is required). In other words, a user can input data to field A, or he can input data to filed B, but he can not input data to Both A and B at the same time. How to implement this constraint in Jquery form validation?
View 17 Replies View RelatedUsing DOM in IE, how can I loop through FORMs and access FORM elements
in a specific form? For example, www.hotmail.com has about 13 forms.
I believe the one displayed is dependent on the URL. If I want to
access the submit button of the visible form, which is usually the last
one, how is that done?
Currently, I look for type=submit using DOM but it doesn't find
anything and only loops through the first FORM elements.
I've been trying to teach myself JavaScript via a book and a number of
JavaScript Tutorials Online. I have more understanding of what I am doing,
although definetly not has much as what I have read on this newsgroup.
I'm trying to learn a new skill in order to hopefully get a job. My job went
to india while I was out on medical leave (carpal tunnel.)
My question, I have two JavaScript / Htm pages identical to the one below.
I'm trying to figure out how I could put both of these "identical"
javascript pages into One HTM page. But I am clueless as to what to look
for and or how to proceed. I'm thinking that I need to somehow add a
checkbox_checker() and a checkbox_checker(2) or something like this.
I've looked at the "For Dummies" book on JavaScript, and my Beginning
JavaScript Book as well as Google'd. Funny thing is though you have to have
enough "knowledge" of JavaScript to know what to look for....
I have to iframes within one page. When I triger action in one frame, I
need to update the content's of other frame's selection list.
How to access second frame's form element from my first frame in index
page?
Suppose I named my second frame "content", and form element is named
simply "form1". If I try to access that form by refering:
parent.content.document.form1, I get nothing at all.
If I have a form as below:
<form name="Show" style="position:absolute;top:200;left:450;background-
color: yellow">
Mouse location.<br>
X: <input type="text" name="MouseX" value="0" size="4"><br>
</form>
Then accessing the value of the text box is simple:
alert(document.Show.MouseX.value)
But what if I use a div instead, how can I get at the same value?
<div id="Show" style="position:absolute;top:200;left:450;background-
color: yellow">
Mouse location.<br>
X: <input type="text" name="MouseX" value="0" size="4"><br>
</div>
Is it possible to access the value of a radio button or change a radio
button to enabled/disabled without using the forms tags<FORM></FORM>? In
other words is the forms tag required for these actions?
i have two forms(form1 and form2) on my html page.
question1 : can i access form 1 variables in form 2?. if so how?
question 2: when form2 action is saveci.jsp . can i access form1
variables in saveci.jsp. if so how?.
basically when form2 is submitted, form1 variables should be accessed
in the jsp which processes form2.
i'm trying to use javascript to change the content of a textbox in a
different frame.
by clicking on a 'folder' link in 'leftFrame' i want to put the value
assigned by that link into the 'folderName' textbox in the
'uploadForm' form in 'mainFrame'. i'm doing this as...
onClick="parent.mainFrame.uploadForm.folderName.value='fold er'"
this works perfectly fine with IE and Safari on my Mac OS X machine
and IE 6 on my PC laptop but anything Mozilla-based on either machine
gives me an error i just can't seem to get round...
'parent.mainFrame.uploadForm has no properties'
I'm working on a simple Twitter app that checks whether a user is following another user, but I'm having trouble picking up on the inputted values in my form.
I've got this form on my page:
And using the form plugin, here's my JS:
The only thing that's being alerted is "username, username" and it's not registered text inputted into the fields at all.
I'm trying to add an input element to all forms using appendChild.
The script first searches for input elements with the name of "myinput".
If it finds an input element with that name, it assigns the value "myvalue".
If it can't find an input element with that name, it tries to create a new one for all forms.
Code:
What's wrong with my code?