JavaScript - Autopopulate A Field Based On Value In Another Field

Hi Guys,

i am wondering if there is a way to have an auto Complete form field from a db table data ?

thanks

Hi,

Is there anyone who could help me figure out how to Change a Hidden Fields Name based on selected option. The hidden fields name is sent off and I need to change the name depending on what option they select.
For if they select MyList the hidden field name needs to be SelectLists[40] or if they select testlist the hidden field name needs to be SelectLists[41].

This is probably way, way off but I've done this and it doesn't work.

Any help would be greatly appreciated, thanks.


<script language="JavaScript">
function changelist() {
//here we assign the value of the hidden input to x
x=eval(document.getElementByName("SelectLists[40]");

if(document.getElementById("SelectLists[40]").selected=true
x=SelectLists[40]

else(document.getElementById("SelectLists[41]").selected=true
x=SelectLists[41]

else(document.getElementById("SelectLists[42]").selected=true
x=SelectLists[42]

//now we assign the new value to the input
document.getElementById("theHiddenInput").name=x;

//and now we test
alert(document.getElementById("theHiddenInput").name)


}
</script>





<input type="hidden" id="theHiddenInput" name="SelectLists[40]" value="Yes">
<select class="inpBox" style="width: 287px" name='mailinglist' id="lists" onchange="changelist()">
<option value="SelectLists[40]" name="SelectLists[40]" id="SelectLists[40]">MyList</option>
<option value="SelectLists[41]" name="SelectLists[41]" id="SelectLists[41]">testlist</option>
<option value="SelectLists[42]" name="SelectLists[42]" id="SelectLists[42]">testlist2</option>

Hi All,

I have a form that captures member registration details. In the admin section .. I would like to change the Status field of a record/s from NEW to PAYMENT DUE after 14 days from the data of submission. The status change should automatically trigger on the 15th day. So when the admin checks the list page he/she should be able to view the updated status field.

Any pointers how to accomplish this?

Thanks in advance.

Vinny

Hi folks.

Looking to see if anyone could tell me where I'm going wrong with this script...

I'm trying to have a field automatically filled with the day of the week ("Monday", "Tuesday", "Wednesday" and so on), upon the user selecting a date from the datepicker jQuery. If this isn't clear, I'll clarify further down the page.

Here is the script:
Code:

<script type="text/javascript">
jQuery(document).ready(function($){
$('input[name="item_meta[428]"]').change(function(){
var d = $('input[name="item_meta[428]"]').val();
var n = new Date(d).getDay();
if(n == 0)
val v = 'Sunday';
else if(n == 1)
val v = 'Monday';
else if(n == 2)
val v = 'Tuesday';
else if(n == 3)
val v = 'Wednesday';
else if(n == 4)
val v = 'Thursday';
else if(n == 5)
val v = 'Friday';
else if(n == 6)
val v = 'Saturday';
$('input[name="item_meta[429]"]').val(v).change(); 
});
});
</script>

I'm basically trying to say, if the user selected today (15/05/2012) in the field 428 it would fill the field 429 with "Tuesday".

Again, if the user selected 18/05/2012 in the field 428 then it would automatically fill field 429 with "Friday".

It's being done to work in conjunction with a wordpress plugin called Formidable Pro hence the item_meta[428] etc.

Any assistance would be greatly appreciated.

Sam.

I have a form that has a pretty complicated combo box - a user starts typing text, it queries a database for matches, and displays the results to the user.

The user can then select the match they desire and it has a value id, which I am currently sending to a hidden field in the form.

So, for example: user starts typing in a movie name, Seven - it returns Seven and user selects it. The form submits the id of the movie seven (say 12) to a hidden field.

Where I am stumped: Once a user selects a movie title, I have another drop down select box that is to display the available formats of the movie by querying my database based on the product id (12) and returning the available formats in the list:

DVD
BLUERAY
VHS

I am pretty good at programming, but I cannot figure this out - how to make the select box fire and return results once the value for the textbox has been captured.

Can anyone help me?

Hi Guys,

Im in need of some help with regards to forms. I am looking to build as basic as possible, a form that has 3 select dropdowns that have predetermined options. The user will select the first option and based on that option the second will populate and based on that, the third one will give the last option.

Now, when the last one is selected, i need a div or a paragraph displaying information to be displayed.

So here's the framework.

Option 1 = fruit or vegitables of which fruit is selected is selected by the user
Option 2 = Apples, Grapes, and pears of which apples is then selected
Option 3 = Red, Green and Yellow of which Green is selected.

Once green is selected, I need a description about the green aple to be displayed.

Can anyone help me out on this? I am not sure where to begin and my boss is adament it must be done like yesterday. Ay help will be appreciated.

Thanks.

For various reasons, I need the value of my drop down box options to contain size information rather than price. However I would like to be able to calculate a price for the items based on what size the user selects as well as the quantity. Below is the code I came up with (which doesn't work obviously)

What can I do to get this to work for me?

Thanks in advance for any help!

Code:

<head>
<script type="text/javascript">
<!--
function calc(A,B,SUM) {
  var price = document.getElementById(A).extrainfo; 
  var quantity = document.getElementById(B).value; 
  document.getElementById(SUM).value = price * quantity;
}
//-->
</script>
</head>
<body>

        <label>T-Shirt:
          <select name="T_SHIRT" id="T_SHIRT" onchange="calc('T_SHIRT','Tshirt_QTY','total');">
          <option selected="selected">CHOOSE A SIZE </option>
          <option value="SIZE: SMALL" extrainfo="10.99">Small, 34/36 (S) </option>
          <option value="SIZE: MEDIUM" extrainfo="11.99">Medium, 38/40 (M) </option>
          <option value="SIZE LARGE" extrainfo="12.99">Large, 42/44 (L) </option>
          </select>
      </label>
      
      <label>QTY:
      <input type="text" id="Tshirt_QTY" name="Tshirt_QTY" onchange="calc('T_SHIRT','Tshirt_QTY','total')" />
    </label>
    
    <label>Price:
          <input type="text" readonly="readonly" name="total" id="total"/>
    </label>
</body>

I am having trouble writing this javascript for my work, normally I would do this in ASP or PHP, but the environment I am working with will only allow javascript for dynamic function.

The form has two different select boxes and based on your options selected for select box #1 and select box #2, the hidden input field "redirect" (which is currently empty) would then populate dynamically with the URL associated with that combination mentioned below. The hidden redirect input field (now containing dyanmically generated data) would then pass the new value via HTTP_POST to .net script that will handle the redirect processing step fed to it.

Here are the mappings:

If selections = Elementary & Vocabulary = http://www.widget.com/content/elem-vocab

If selections = Elementary & Writing = http://www.widget.com/content/elem-writing

If selections = Elementary & ELD = http://www.widget.com/content/elem-eld

If selections = Middle School & Vocabulary = http://www.widget.com/content/midscl-vocab

If selections = Middle School & Writing = http://www.widget.com/content/midscl-writing

If selections = Middle School & ELD = http://www.widget.com/content/midscl-eld

If selections = High School & Vocabulary = http://www.widget.com/content/hiscl-vocab

If selections = High School & Writing = http://www.widget.com/content/hiscl-writing

If selections = High School & ELD = http://www.widget.com/content/hiscl-eld


Here's a snippet of a different method that I tried, but it did not work. I think the above mentioned method would probably be best.

Code:

<script language="javascript" type="text/javascript">
<!--
function build() {

document.fillgaps.redirect.value = "http://www.widget.com/content/" + document.fillgaps.grade.value + "-" + document.fillgaps.solution.value ;

//print example: http://www.widget.com/content/ELM-VOC

return true;

}

-->
</script>


<form name="fillgaps" action="http://www.widget.com/submit.aspx" method="post" onSubmit="return build();">

<input type="hidden" name="redirect" value="">

<table class="elqFormTable" border="0" cellspacing="2" cellpadding="2">


<tr>
<td valign="top">Grade:</td>
<td>
<select name="grade">
<option value="ELM">Elementary</option>
<option value="MID">Middle School</option>
<option value="HIG">High School</option>
</select>
</td>
</tr>

<tr >
<td valign="top">Solution:</td>
<td>
<select name="solution">
<option value="VOC">Vocabulary</option>
<option value="WRI">Writing</option>
<option value="ELD">ELD</option>
</select>

<!--truncated code -->

Hi,

I'm hoping this will be an easy one for you experts out there.

I am working on a convention registration form.

What I'm trying to do is have the text "50.00" pop into the COST field when any text (even if it's only one character) is entered into the NAME field.

If the text in the NAME field is deleted, the "50.00" should also be deleted.

Does anyone have a script that does this?

Thanks!

Hi all,

Thanks for reading. I'm having an issue trying to accomplish the following -

I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after.

This obviously means that my "fields" variable is not working right, so I'm wondering, would anyone be able to assist me to help me get that variable processing correctly?

Code:

<script language="javascript">

fields = 1;

function addMore() {

if (fields = 1) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";

fields = 2;

} else if (fields = 2) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field3' size='25' /> <span>Field 3.</span>";
fields = 3;

} else {

document.getElementById('addedMore').innerHTML = "Only 3 fields are allowed.";
document.form.add.disabled=true;

}

}

</script>

Here is the code in my HTML -

Code:

<input type="text" name="field1" size="25" /> <span>Field 1.</span>
<div id="addedMore"></div>
<p class="addMore"><form name="add"><a onclick="addMore()">Add another field.</a></form></p>

Thank you very much.

Hi All,

My boss asked me to create an Adobe form and I'm unsure how to code it to accomplish what he is asking.

I'm working with an Adobe form that has required fields. FieldA is not required but if FieldA is filled in, FieldB would then become required.

What would be the ideal way to code this?

Thank you

Hello,

I'd like to make sure that a field is a field:

Code:

if ( typeof( myField ) != "field" ) {

}

This doesn't work, and I can't seem to find the answer. I can know if a field is a checkbox, for example, but I don't how to find the broader category of "input field".

hello

i'm trying that code and it don't work, i'm on it for sometime and i don't find why..

function test(truc)
{
if(truc.value != document.myform.pwd1.value) { alert("dididiid");}
}



</script>
<form name="myform" method="post" action="www.somwhere.he">

<fieldset
<label>Password</label><span><input name="pwd1" type="password"></span>
<label>Username</label><span><input name="username" type="text" onblur="test(this) "></span>

<label>Confirm Password</label><span><input name="pwd2" type="password"></span>
<span><input type="submit"></span>
</fieldset>

</form>

So if the user enters a serial number in the "Serial_Number" field and hits enter I would like the cursor to move DOWN to the next "Serial_Number" field. Is this possible??
Tracy


Code:

<table>
   <tr>
    <td>
       Serial Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Serial_Number" 
              class    = "textfield" 
              id       = "Serial_Number.4853"  >
      </td>
      <td>Cat Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Cat_Number" 
              class    = "textfield" 
              id       = "Cat_Number.4853"  >

      </td>
     </tr>
     
      <tr>
    <td>
       Serial Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Serial_Number" 
              class    = "textfield" 
              id       = "Serial_Number.4854"  >
      </td>
      <td>  Cat Number:<br>

       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Cat_Number" 
              class    = "textfield" 
              id       = "Cat_Number.4854"  >

      </td>
     </tr>
 <tr>
    <td>
       Serial Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Serial_Number" 
              class    = "textfield" 
              id       = "Serial_Number.4855"  >
      </td>
      <td>Cat Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Cat_Number" 
              class    = "textfield" 
              id       = "Cat_Number.4855"  >

      </td>
     </tr>

     
    </table>

How can I add a form field value to a url. I tried the below but it no work.

Code:

href="index2.php?q=4&id=+document.theForm.lists.value+&picklist"