How to add one increment value in a variable.

Question

1.00/5 (1 vote)

See more:

hi friends,
I have made a dynamic table in which new index is created by default but while i am going to fetch the value of particular index of object value then it always taking the first index value of that objects.

Here is the code

HTML

<head>
<script language="javascript" src="js/jquery.min.js"></script>
<SCRIPT>
    RowCount=1;
    stat=false;
    function AddRow()
    {
 
        jQtable=$('#SaleTable');
        jQtable.each(function()
        {
            var LastRow="<TR><TD align=center><INPUT TYPE='text' name='Slno_"+RowCount+"' id='Slno_"+RowCount+"' size=1></TD><TD align=center><INPUT type='checkbox' name='in_travel_"+RowCount+"' ID='in_travel_"+RowCount+"' value='in_terval'  size=10></TD><TD align=center><INPUT style='text-align:right' type='TEXT' name='date_"+RowCount+"' ID='date_"+RowCount+"' size=10></TD><TD align=center><textArea name='cities_visit_"+RowCount+"' ID='cities_visit_"+RowCount+"' cols=10></textArea></TD><td align=center><select id='reimbursement_"+RowCount+"' name='reimbursement_"+RowCount+"'><option selected='selected' value='None'>--None--</option><option value='DA'>DA</option><option value='Ticket'>Ticket</option><option value='Misc'>Misc</option></select></td><TD align=center><textArea name='Remark_"+RowCount+"' ID='Remark_"+RowCount+"' cols=10></textArea></TD><TD align=center><INPUT style='text-align:right' type='checkbox' name='bills_"+RowCount+"' ID='bills_"+RowCount+"' size=10></TD><TD align=center><INPUT style='text-align:right' type='submit' name='submit_"+RowCount+"' ID='submit_"+RowCount+"' onclick='getvalue()' value='Submit' size=10></TD><TD align=center></TR>";
            $(this).append(LastRow);
            });
RowCount++;
    }
    function removeTableRow()
    {
        jQtable=$('#SaleTable');
        if(RowCount > 1)
        {
            jQtable.each(function()
            {
                if($('tbody', this).length > 0)
                {
                    $('tbody tr:last', this).remove();
                }
                else
                {
                    $('tr:last', this).remove();
                }
            });
            RowCount--;
        }
 
    }
	function getvalue()
	{
	////var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();
		alert(RowCount);
var sl= $('input:text[name=Slno_+ RowCount]').val();
alert(sl);
var in_tra= $('input:checkbox[name=in_travel_+ RowCount]:checked').val();
alert(in_tra);
//var slect=$('input:select[name=reimbursement_+ RowCount]:selected').val();

var slect=$("#reimbursement_+ RowCount option:selected").val();
alert(slect);
var val= $('input:text[name=Slno_2]').val();
alert(val);

}
</script>
</head>
<body>
</body>

here,variable RowCount getting a new value every time but when i am going to access it on function getvalue()
Alert(RowCount);
value is changing in every time
but the value of

var sl= $('input:text[name=Slno_+ RowCount]').val(); <----- here is always same

So the question is how to change the value of Slno_+<-- RowCount--> this varable

So that it take as if RowCount=2 then variable should be slno_2

Thanks

Posted 29-Aug-12 18:53pm

Rajeshkrathor

Updated 29-Aug-12 19:45pm

v2

Add a Solution

2 solutions

Solution 1

Simply by putting RowCount outside of the string:

JavaScript

var sl= $('input:text[name=Slno_' + RowCount + ']').val();

Keep this in a loop such that as RowCount changes, value of name changes from Slno_1 to Slno_2, Slno_3, etc.

Posted 29-Aug-12 19:28pm

Sandeep Mewara

Updated 29-Aug-12 19:29pm

v2

Comments

[no name] 30-Aug-12 1:40am

thanks Sandeep Mewara.
But the value in
alert(RowCount) Keep changing every time but "Slno_' + RowCount" not of this.

If i will put in a loop it will take from stating to end..

Can you explain by some code..
Thanks

Sandeep Mewara 30-Aug-12 1:58am

Did you see/read what I said. You have not kept RowCount outside string accessing it. Alert shows changed values because it is without quotes around it.

Loop comment was to test it. Use as per you need. All you need is to form the text name variable properly. Already shared how you can do that.
alert("Slno_"+RowCount); // try this!

[no name] 30-Aug-12 2:39am

Not working..
Thanks

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Rajeshkrathor · Accepted Answer · 2012-08-29T20:28:00

C#

Use this
 $(LastRow).find(':submit').click(getvalue).end().appendTo('#SaleTable');

instead of

 $(this).append(LastRow);

and
function getvalue() {
    var row = $(this).closest('tr');
    var sl = $('input:text[name^="Slno_"]', row).val();
    alert(sl);
    var in_tra = $('input[name^="in_travel_"]:checked', row).val();
    alert(in_tra);
    var slect = $('select[name^="reimbursement_"]', row).val();
    alert(slect);
}

instead of.

function getvalue()
    {
    ////var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();
        alert(RowCount);
var sl= $('input:text[name=Slno_+ RowCount]').val();
alert(sl);
var in_tra= $('input:checkbox[name=in_travel_+ RowCount]:checked').val();
alert(in_tra);
//var slect=$('input:select[name=reimbursement_+ RowCount]:selected').val();

var slect=$("#reimbursement_+ RowCount option:selected").val();
alert(slect);
var val= $('input:text[name=Slno_2]').val();
alert(val);

}