Chained Select chained to a <input>
12 posts
• Page 1 of 1
by jonathaneyoung » Tue Jul 25, 2006 2:53 pm
- jonathaneyoung
- Posts: 7
- Joined: Tue Jul 25, 2006 3:41 am
by jonathaneyoung » Tue Jul 25, 2006 3:33 pm
- jonathaneyoung
- Posts: 7
- Joined: Tue Jul 25, 2006 3:41 am
by jonathaneyoung » Tue Jul 25, 2006 3:51 pm
- jonathaneyoung
- Posts: 7
- Joined: Tue Jul 25, 2006 3:41 am
by jonathaneyoung » Wed Jul 26, 2006 4:57 pm
Batalf,
I'm really having trouble figuring out how to pull a specfic text into a text field, depending on what option was chosen in the select field. Can you help me here or point me in the right direction?
I'm really having trouble figuring out how to pull a specfic text into a text field, depending on what option was chosen in the select field. Can you help me here or point me in the right direction?
- jonathaneyoung
- Posts: 7
- Joined: Tue Jul 25, 2006 3:41 am
by jonathaneyoung » Thu Jul 27, 2006 1:10 am
<script type="text/javascript">
var options = new Array();
options['Screen Printing'] = 'Custom screen printing on item #';
options['Embroidery'] = 'Custom embroidery on item #';
options['Awards'] = 'Custom engraved awards';
function setValue(selIndex)
{
if(selIndex==0)return;
document.getElementById('Taxable_Description1').value = options[selIndex];
}
</script>
</head>
<body>
<table><form>
<tr>
<td nowrap><font size="1">Taxable</font></td>
<td width="200">
<select id="Taxable_Item1" name="Taxable_Item1" onchange="setValue(this.selectedIndex);">
<option value="">Select</option>
<option value="Screen Printing">Screen Printing</option>
<option value="Embroidery">Embroidery</option>
<option value="Awards">Awards</option>
<option value="Custom digital vinyl">Digital Vinyl</option>
<option value="Custom vinyl graphics">Standard Vinyl</option>
<option value="Custom logo digitizing for embroidery">Digitizing</option>
<option value="Custom graphic design work">Graphic Design</option>
<option value="Customized promotional products">Promotional</option>
<option value="Custom quotation for">Quotation</option>
</select>
</td>
<td>
<input class="averagetextbox" onBlur="reCheckValue(this)" onClick="checkValue(this)" tabIndex="1" onChange="getTaxableTotal(this,this.form)" size="4" name="Taxable_1_qty" input></td>
<td align="left"><strong> $</strong><input class="averagetextbox" onBlur="reCheckValue(this)" onClick="checkValue(this)" tabIndex="1" onChange="getTaxableTotal(this,this.form)" size="7" name="Taxable_1_price" input></td>
<td><strong> $</strong><input class="averagetextbox" onFocus="this.blur()" readOnly size="8" name="Taxable_1_tot"></td>
</tr>
<tr>
<td></td>
<td>
<textarea type="text" class="averagetextbox" id="Taxable_Description1" rows="3" cols="40" wrap="off" name="Taxable_Description1"></textarea></td>
</tr>
</form>
</table
></body>
</html>
var options = new Array();
options['Screen Printing'] = 'Custom screen printing on item #';
options['Embroidery'] = 'Custom embroidery on item #';
options['Awards'] = 'Custom engraved awards';
function setValue(selIndex)
{
if(selIndex==0)return;
document.getElementById('Taxable_Description1').value = options[selIndex];
}
</script>
</head>
<body>
<table><form>
<tr>
<td nowrap><font size="1">Taxable</font></td>
<td width="200">
<select id="Taxable_Item1" name="Taxable_Item1" onchange="setValue(this.selectedIndex);">
<option value="">Select</option>
<option value="Screen Printing">Screen Printing</option>
<option value="Embroidery">Embroidery</option>
<option value="Awards">Awards</option>
<option value="Custom digital vinyl">Digital Vinyl</option>
<option value="Custom vinyl graphics">Standard Vinyl</option>
<option value="Custom logo digitizing for embroidery">Digitizing</option>
<option value="Custom graphic design work">Graphic Design</option>
<option value="Customized promotional products">Promotional</option>
<option value="Custom quotation for">Quotation</option>
</select>
</td>
<td>
<input class="averagetextbox" onBlur="reCheckValue(this)" onClick="checkValue(this)" tabIndex="1" onChange="getTaxableTotal(this,this.form)" size="4" name="Taxable_1_qty" input></td>
<td align="left"><strong> $</strong><input class="averagetextbox" onBlur="reCheckValue(this)" onClick="checkValue(this)" tabIndex="1" onChange="getTaxableTotal(this,this.form)" size="7" name="Taxable_1_price" input></td>
<td><strong> $</strong><input class="averagetextbox" onFocus="this.blur()" readOnly size="8" name="Taxable_1_tot"></td>
</tr>
<tr>
<td></td>
<td>
<textarea type="text" class="averagetextbox" id="Taxable_Description1" rows="3" cols="40" wrap="off" name="Taxable_Description1"></textarea></td>
</tr>
</form>
</table
></body>
</html>
- jonathaneyoung
- Posts: 7
- Joined: Tue Jul 25, 2006 3:41 am
by jonathaneyoung » Thu Jul 27, 2006 1:20 am
- jonathaneyoung
- Posts: 7
- Joined: Tue Jul 25, 2006 3:41 am
12 posts
• Page 1 of 1
Return to General questions regarding AJAX scripts
Who is online
Users browsing this forum: No registered users and 13 guests