Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Read form value without submitting
- Thread starter Sivagami
- Start date
here's some examples
<script>
function declareFlds1(obj) {
document.frm.txt2.value = obj.value;
}
function declareFlds2(obj) {
document.frm.txt2.value = obj;
}
</script>
<form name="frm">
onBlur event
<input type="text" name="txt1" onBlur="declareFlds1(this)">
<input type="text" name="txt2">
or button
<input type="button" value="see it" onClick="declareFlds2(document.frm.txt1.value)">
</form> ---------------------------------------
{ str = "sleep is good for you. sleep gives you the energy you need to function";
ptr = /sleep/gi;Nstr = str.replace(ptr,"coffee"
;alert(Nstr); }
---------------------------------------
for the best results to your questions: FAQ333-2924
<script>
function declareFlds1(obj) {
document.frm.txt2.value = obj.value;
}
function declareFlds2(obj) {
document.frm.txt2.value = obj;
}
</script>
<form name="frm">
onBlur event
<input type="text" name="txt1" onBlur="declareFlds1(this)">
<input type="text" name="txt2">
or button
<input type="button" value="see it" onClick="declareFlds2(document.frm.txt1.value)">
</form> ---------------------------------------
{ str = "sleep is good for you. sleep gives you the energy you need to function";
ptr = /sleep/gi;Nstr = str.replace(ptr,"coffee"
;alert(Nstr); }---------------------------------------
for the best results to your questions: FAQ333-2924
- Thread starter
- #3
- Thread starter
- #4
Is it possible to do this with dynamic parameters for the function. Since my fields are dynamically generated, like
<%
for i = 1 to 12
for j = 1 to 12 %>
<TD width=35><font face='Arial,Helvetica' size='2'>
<input type=text name=expense_<%=i%>_<%=j%>>
</font></TD>
<%next %>
</TR><TR>
<%next %>
and I do not know how many fields are there or what their names are ??
Shiva.
<%
for i = 1 to 12
for j = 1 to 12 %>
<TD width=35><font face='Arial,Helvetica' size='2'>
<input type=text name=expense_<%=i%>_<%=j%>>
</font></TD>
<%next %>
</TR><TR>
<%next %>
and I do not know how many fields are there or what their names are ??
Shiva.
I am presuming you have a dynamically generated form, probably based on a data base query. If that is so than this is how I would go about it.
Step 1. Generate the specific input tags you want to deal with by labelling them with a common class name and a consistent id attribute.
<input type="Text" id="#loopcounter#visible" class="findTheseOnes">
<input type="Hidden" id="hidden#loopcounter#">
Step 2. Use the tags() function to get a collection of all the input fields on the form.
var bigColletion = document.all.tags("INPUT"
Step 3. Use the className property to filter the list down to just the fields you are interested in.
for(i=0; i<bigColletion.length; i++)
{
if(bigCollection.item.className == "findTheseOnes"
{
//What is the number
tmp = parseInt(bigCollection.item(i).id);
//Perform required manipulations
newvalue = bigCollection.item(i).value + 1;
//Transfer values from visible to hidden
target = eval("document.all.hidden" + tmp);
target.value = newvalue;
}
}
I am posting a complete working test file below if you want to give it a whirl.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function CheckForm()
{
var bigCollection = document.all.tags("INPUT"
for(i=0; i<bigCollection.length; i++)
{
if(bigCollection.item(i).className == "findTheseOnes"
{
//What is the number
tmp = parseInt(bigCollection.item(i).id);
//Perform required manipulations
newvalue = bigCollection.item(i).value + 1;
//Transfer values from visible to hidden
target = eval("document.all.hidden" + tmp);
target.value = newvalue;
}
}
}
</script>
</head>
<body>
<form>
<input type="Text" class="findTheseOnes" id="0visible"><input type="Text" id="hidden0"><br>
<input type="Text" class="findTheseOnes" id="1visible"><input type="Text" id="hidden1"><br>
<input type="Text" class="findTheseOnes" id="2visible"><input type="Text" id="hidden2"><br>
<input type="Button" value="Submit" onclick="CheckForm()">
</form>
</body>
</html>
Step 1. Generate the specific input tags you want to deal with by labelling them with a common class name and a consistent id attribute.
<input type="Text" id="#loopcounter#visible" class="findTheseOnes">
<input type="Hidden" id="hidden#loopcounter#">
Step 2. Use the tags() function to get a collection of all the input fields on the form.
var bigColletion = document.all.tags("INPUT"
;Step 3. Use the className property to filter the list down to just the fields you are interested in.
for(i=0; i<bigColletion.length; i++)
{
if(bigCollection.item.className == "findTheseOnes"
{
//What is the number
tmp = parseInt(bigCollection.item(i).id);
//Perform required manipulations
newvalue = bigCollection.item(i).value + 1;
//Transfer values from visible to hidden
target = eval("document.all.hidden" + tmp);
target.value = newvalue;
}
}
I am posting a complete working test file below if you want to give it a whirl.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function CheckForm()
{
var bigCollection = document.all.tags("INPUT"
;for(i=0; i<bigCollection.length; i++)
{
if(bigCollection.item(i).className == "findTheseOnes"
{
//What is the number
tmp = parseInt(bigCollection.item(i).id);
//Perform required manipulations
newvalue = bigCollection.item(i).value + 1;
//Transfer values from visible to hidden
target = eval("document.all.hidden" + tmp);
target.value = newvalue;
}
}
}
</script>
</head>
<body>
<form>
<input type="Text" class="findTheseOnes" id="0visible"><input type="Text" id="hidden0"><br>
<input type="Text" class="findTheseOnes" id="1visible"><input type="Text" id="hidden1"><br>
<input type="Text" class="findTheseOnes" id="2visible"><input type="Text" id="hidden2"><br>
<input type="Button" value="Submit" onclick="CheckForm()">
</form>
</body>
</html>
- Status
Similar threads
