Form With DropDown And Input Field - Function Error
Oct 31, 2011
New to working with javascript and I've come up with a function. I have a form with a dropdown and input field:
<form>
<select name="warranty" id="warranty" onChange="doadate()">
<option value="Select">Select</option>
<option value="In Warranty">In Warranty</option>
<option value="Out of Warranty">Out of Warranty</option>
<option value="DOA" selected>DOA</option>
</select>
<input name="doadate" type="text" id="doadate" value="<? echo $doadate; ?>"
size="20" readonly>
</form>
I need the input field to be disabled unless DOA is selected in the select form element. I've started on page load with document.form1.doadate.disabled=true. Then I've put an onChange handler in the select to call the function below:
<script type="text/javascript">
function doadate(){
val = document.form1.warranty.value;
if(val=='DOA'){
document.form1.doadate.disabled=false;
} else{
document.form1.doadate.disabled=true;
}}
</script>
But it's not working, it stays disabled after load even when the DOA is selected in the drop down form field.
Tried searching but didn't seem to find a solid solution to my problem I'm trying to pass a value to an input form field, from a function. Here is my code
PHP Code: <script> function createDiv(sceneNum, startTime, endTime, dialog, notes)
I have a page as below, I hope the form only show Select option when loading, then the input date fields will be displayed if select event category, where are the errors?
Code: <script src="/misc/jquery/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $.viewInput = { '0' : $([]), //THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD '1' : $('#1'), }; $('#category_class').change(function() { // HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE THE HIDDEN FIELD IS LOADED $.each($.viewInput, function() { this.hide(); }); // SHOWS THE INPUT FIELD ITEM IF SELECTED //$.viewInput[$(this).val()].show(); }); }); </script>
Been racking my brain all day trying to figure out how to duplicate this code with the limited javascript knowledge I have been trying to learn.This code is a Dropdown menu of Yes or No, than a Select button that Opens up a Text Input directly below the dropdown. So far, It works great. My problem is I need at least two of these on the same page and I do not know how to go about it. I have tried changing values to accommodate adding another on the same form, but than both stop working.
I've have a function to take the value entered in a form text box, add 50 to it and put the result in another text box.
When I enter 650.5 I get 700.5 exactly how I'd expect. But when I enter -650.5 instead of getting -600.5 I get -650.050 as though it is failing to parse the float due to it being negative. My understanding of parseFloat was that it recognises negative numbers. Is there a nice simple way to get this to work?
I need to pass user input from a form to one database field. I'm relatively new to JS but the idea I had was to have several form elements and use JS to collect the users input and send all the values through a hidden element. What's happening is the variable names are being sent rather than the values. The code below is only passing to the next page. Limitations: I am editing an intranet site built by a 3rd party so a lot of the files we've been given are encrypted. I cannot change the method to post.
I have managed to create a very basic form validation script that I can retrospectively add into current forms with the least effort.
As far as the validation goes I am sure that the script is not pretty, but it does work. However, I have failed to manage to get it to return the focus to the first field that errors.
My abortive attempts are not included in the attached script because I have tried and failed with many different attempts that I have confused myself. I would appreciate any advice that could point me in the right direction to place the focus in the first error field found. Code:
Below is my previous code I had working in the manner it would change the price, sub_total, tax, sh, total, and total_paid input fields to 0. There are two problems with this.... When it outputs to the input fields, the value displays as 0 instead of 0.00.2. I need to have it only react when the value typed into the input field "trees_sold" is "0". If any higher, I would like it to ignore the statement.
Code: <!-- Comp all prices to zero value --> <SCRIPT LANGUAGE="JavaScript">
Below is my previous code I had working in the manner it would change the price, sub_total, tax, sh, total, and total_paid input fields to 0. There are two problems with this...
1. When it outputs to the input fields, the value displays as 0 instead of 0.00. 2. I need to have it only react when the value typed into the input field "trees_sold" is "0". If any higher, I would like it to ignore the statement.
<!-- Comp all prices to zero value --> <SCRIPT LANGUAGE="JavaScript"> var trees_sold = 0.00; function InitSaveVariables(form) {
I am having a form with two input fields. I want to enter some text in the first input field and then the second field should get the same text. Is there a simple way (maybe a plugin) to do this with jQuery? It would be perfect if I even could output all these input fields values as normal text in <p> or <li> tags.
I want to run a function when text is typed into an input field. So every time 1 character is put in it will process a function. However I do not know how to accomplish this. I tried the onchange attributed but that seems to only work when you unselect the input field.
how this might be accomplished? I'm also comfortable with jQuery if you think that's a better option.
I have this script where i call a jquery ajax to calclate something and then put it back in the form input so then i post everything to a php script where it insert it in mysql database. Here is the script :
How can I track what is written to an input field on the fly(event that is not "click" "hover" etc but something like "track" or "observe")?Lets say I have a js object like this:
var array1 = {id1: 'keyword', id2: 'execute', id3: 'go'};
I'm trying to get an upload popup working with the jQuery form plugin[URL].. When I click a link I load a form html from the server and add it to a container div by setting the div's html attribute. I then attach a submit handler to the form so I can call the ajaxSubmit function of the form plugin.
In a form I have an input field. It's supposed to get input form a scanning device. Thus, the input might contain special characters (like the Group Separator in a EAN barcode). Now, I want to manipulate a little with the input in a javascript, but I'm not able to find the Group Separator:
input = document.main.input.value; var a = input.split(""); var i; for(i=0;i<a.length;i++) { if(/x1D/.test(a[i])) { alert("GS"); } }
This is a snip that parses the input, character by character, and gives me an alert if the Group Separator (Hex: 1D) is found. But it never matches, even if I know that the input string contains in. I have a similar script written in Perl, an that script finds the Group Separtor.
I have a bunch of forms in my page, and want to pass a reference to the current form to a javascript function - when, say, a user clicks on a particular element. Normally, within any type of input field, I'd just add something like this:
onclick="my_function(this.form)"
Then, in my_function( form ) I could refer to form. No worries.
But here's the interesting bit. I also want to run the same function when the user clicks on any <a> tag within a form, like:
What is happening is when I try to submit the form, I receive an error that says I need to input all data in the proper format. <html><head> <title>Conference Registration Form</title> <link href="conf.css" rel="stylesheet" type="text/css" /> <script type = "text/javascript">
Calculate total registration fee Retrieve the value of the selected index property from guests selection lists Multiply the selected index by 30 and add this to the cost variable If the first member radio button is checked subtract 25 from the value of the cost variable Set the value of the total field equal to the value of the cost variable
