/    Sign up×
Community /Pin to ProfileBookmark

select box fill text box

Copy linkTweet thisAlerts:
Aug 11.2010

Hi

How can i fill a text box after select one item from a select box ? if i select below 4610R-04490101 the text box must have the 490 team value

<input type=”hidden” name=”team[]

[code]” />
<select name=”team[][teamcodicred]”>
<option value=”” default>Select one…</option>
<option value=”4610R-04490101″>4610R – 04 – Lab. Progr. – Team 490 </option>
<option value=”4610R-04480101″>4610R – 04 – Lab. Progr – Team 480</option>
<option value=”4610U-04360101″>4610U – 04 – Prog. Eng. – Team 360 </option>
</select>
Team: <input type=”text” name=”team[][teamnumber]” value=”” size=3 maxlength=3></input>

<input type=”hidden” name=”team[][code]” />
<select name=”team[][teamcodicred]”>
<option value=”” default>Select one…</option>
<option value=”4610R-04490101″>4610R – 04 – Lab. Progr. – Team 490 </option>
<option value=”4610R-04480101″>4610R – 04 – Lab. Progr – Team 480</option>
<option value=”4610U-04360101″>4610U – 04 – Prog. Eng. – Team 360 </option>
</select>
Team: <input type=”text” name=”team[][teamnumber]” value=”” size=3 maxlength=3></input>

<input type=”hidden” name=”team[][code]” />
<select name=”team[][teamcodicred]”>
<option value=”” default>Select one…</option>
<option value=”4610R-04490101″>4610R – 04 – Lab. Progr. – Team 490 </option>
<option value=”4610R-04480101″>4610R – 04 – Lab. Progr – Team 480</option>
<option value=”4610U-04360101″>4610U – 04 – Prog. Eng. – Team 360 </option>
</select>
Team: <input type=”text” name=”team[][teamnumber]” value=”” size=3 maxlength=3></input>

Thank’s in advance

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@PadonakAug 11.2010 — [code=html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
div#main{text-align:center;padding-top:100px;}
-->
</style>
<script type="text/javascript">
<!--
function toBox(obj,val){
var trimval = '';
if(val != 'Select one...'){
var raw_val = val.substring(val.indexOf('Team')+5, val.length);
trimval = raw_val.replace(/s/g, '');
}
var fields = obj.parentNode.elements;
for(var i = 0; i < fields.length; i++){
if(fields[i] !== obj){continue;}
else{
var box_index = i + 1;
fields[box_index].value = trimval;
break;
}
}
}
//-->
</script>
</head>
<body>
<div id="main">
<form action="" name="form1">
<input type="hidden" name="team[]" /&gt;
&lt;select name="team[][teamcodicred]" onchange="toBox(this,this.options[this.selectedIndex].text)"&gt;
&lt;option value="" selected="selected"&gt;Select one...&lt;/option&gt;
&lt;option value="4610R-04490101"&gt;4610R - 04 - Lab. Progr. - Team 490 &lt;/option&gt;
&lt;option value="4610R-04480101"&gt;4610R - 04 - Lab. Progr - Team 480&lt;/option&gt;
&lt;option value="4610U-04360101"&gt;4610U - 04 - Prog. Eng. - Team 360 &lt;/option&gt;
&lt;/select&gt;
Team: &lt;input type="text" name="team[][teamnumber]" value="" size="3" maxlength="3" /&gt;

&lt;input type="hidden" name="team[][code]" /&gt;
&lt;select name="team[][teamcodicred]" onchange="toBox(this,this.options[this.selectedIndex].text)"&gt;
&lt;option value="" selected="selected"&gt;Select one...&lt;/option&gt;
&lt;option value="4610R-04490101"&gt;4610R - 04 - Lab. Progr. - Team 490 &lt;/option&gt;
&lt;option value="4610R-04480101"&gt;4610R - 04 - Lab. Progr - Team 480&lt;/option&gt;
&lt;option value="4610U-04360101"&gt;4610U - 04 - Prog. Eng. - Team 360 &lt;/option&gt;
&lt;/select&gt;
Team: &lt;input type="text" name="team[][teamnumber]" value="" size="3" maxlength="3" /&gt;

&lt;input type="hidden" name="team[][code]" /&gt;
&lt;select name="team[][teamcodicred]" onchange="toBox(this,this.options[this.selectedIndex].text)"&gt;
&lt;option value="" selected="selected"&gt;Select one...&lt;/option&gt;
&lt;option value="4610R-04490101"&gt;4610R - 04 - Lab. Progr. - Team 490 &lt;/option&gt;
&lt;option value="4610R-04480101"&gt;4610R - 04 - Lab. Progr - Team 480&lt;/option&gt;
&lt;option value="4610U-04360101"&gt;4610U - 04 - Prog. Eng. - Team 360 &lt;/option&gt;
&lt;/select&gt;
Team: &lt;input type="text" name="team[][teamnumber]" value="" size="3" maxlength="3" /&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@amrigoauthorAug 11.2010 — Thank's a lot !

One line i do not understand why is :

trimval = raw_val.replace(/s/g, '');

Wich job this line does ?

Cheers
Copy linkTweet thisAlerts:
@PadonakAug 11.2010 — ...

trimval = raw_val.replace(/s/g, '');

Wich job this line does ?
[/QUOTE]

in your options sometimes text ends with a space and sometimes not.

[I]var raw_val = val.substring(val.indexOf('Team')+5, val.length);[/I]

first we get a substring which starts after "Team " - [B]val.indexOf('Team')+5[/B] and ends on [B]val.length[/B]. this substring contains the number we need but it may contain a space after the number (take a look at your markup). to cut off this space we do replacement [B][COLOR="Blue"]trimval = raw_val.replace(/s/g, '');[/COLOR][/B] which cuts it off if space found
×

Success!

Help @amrigo spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...