在第一个值之后如何获取所有组件的值. [英] How to get value of all components after first value..

查看：67 发布时间：2019/6/18 17:59:33 Javascript PHP

本文介绍了在第一个值之后如何获取所有组件的值.的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

朋友们，
我在单击按钮时就动态生成文本框等组件.
现在我想要所有组件的值，并希望将这些值保存在数据库中.
当实现这一点时，我只是获得第一行的值，而下一行又来了，我正在填充该值并单击相应的按钮，仍然获得第一行的值..

这是代码..

Hi friends,
I am generating components like textboxes etc dynamically on a button click.
Now i want the value of all components and want to save these values in the database.
When implementing this i just getting value of 1st row and while next row coming and i am filling the value and clicking the corresponding button, still getting value of first row..

Here is the code..

<html>
<head>
<script language="javascript" type="text/javascript">

function incrementCount() {
    document.frm.count.value = parseInt(document.frm.count.value) + 1;
    addTextBox();
}

function decCount() {
    document.frm.count.value = parseInt(document.frm.count.value) - 1;
    removeTextBox();
}

function addTextBox() {
    var form = document.frm;
    form.appendChild(document.createElement('div')).innerHTML = "<table width='40%'>"
        + "<tr><td>Name</td><td><input type='text' id='date' name='count'></td><td><select id='Reimbursement' name='Reimbursement'><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><textarea name='ta' id='ta' ></textarea></td> <td><input type='checkbox' id='in_travel' name='chk' value='In Travel'></td><td><input type='button' value='Click' id='click' onClick='incrementCount1()' name='click'></td></tr>"
        + "</table>";
    incrementCount1() ;
}

function removeTextBox() {
    var form = document.frm;
    if (form.lastChild.nodeName.toLowerCase() == 'div')
        form.removeChild(form.lastChild);
}

function incrementCount1() {
var x=  document.getElementById('date').value;
var y= document.getElementById('Reimbursement').value;
var z= document.getElementById('in_travel').value;
var w=  document.getElementById('ta').value;
alert('textbox='+ x + <br/> + 'dd=' + y + 'check=' + z + 'textare=' + w);
}

</script>

<body>

<form name="frm">
<table width="40%" border="1">
<tr>
<td>Name: </td>
<td><input type="text" name="count" value="0" readonly ></td>
<td><INPUT type="button" value="ADD" name="add" onClick="incrementCount()"></td>
<td><INPUT type="button" value="Remove" name="remove" onClick="decCount()"></td>
</tr>
</table>
</form>

</body>
</html>

我只希望单击行单击按钮即可得到该行组件的值，并且可以将它们保存在数据库中.
如果您之前曾做过此事，或有任何想法与此类型的工作有关.
请让我知道..
非常感谢大家.

使用 Mohibur Rashid 提供的代码后进行了更新.(主要问题是如何一一获取这些对象的值.)

I just want that on clicking the row click button the value of that row components come and i can save them in the database..

If you done this before or have any idea related this type of work.
Pls let me know..
Many thanks to all of you..

Updated after using code provided by Mohibur Rashid..(Major issue How to get value of these object one by one.)

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<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='ProductName_"+RowCount+"'></TD><TD align=center><INPUT style='text-align:right' type='TEXT' name='Quantity_"+RowCount+"' ID='Quantity_"+RowCount+"' size=10></TD><TD align=center><INPUT style='text-align:right'  type='checkbox' name='in_travel_"+RowCount+"' ID='in_travel_"+RowCount+"' size=10></TD><TD align=center><INPUT style='text-align:right' type='TEXT' name='UnitPrice_"+RowCount+"' ID='UnitPrice_"+RowCount+"' size=10></TD><TD align=center><textArea name='Remark_"+RowCount+"' ID='Remark_"+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><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);<--Value changing every time--->
var sl= $('input:text[name=Slno_+ RowCount]').val(); <--here Rowcount value remain same-->
alert(sl);
var in_tra= $('input:checkbox[name=in_travel_+ RowCount]:checked').val(); <--here Rowcount value remain same-->
alert(in_tra);
var slect=$("#reimbursement_+ RowCount option:selected").val();<--Value not Getting-->
alert(slect);
var val= $('input:text[name=Slno_2]').val(); <--need Like This when row count=2 -->
alert(val);

}
</SCRIPT>
</head>

<body>
<TABLE id='SaleTable'>
    <TR style='color:WHITE;font-weight:900;background:#4876FF;font-size:10pt'>
        <TD  align=center>
            Product Name
        </TD>
        <TD  align=center>
            Quantity
        </TD>
        <TD align=center>
            Unit Price
        </TD>
        <TD align=center>
            Total Price
        </TD>
        <TD align=center>
            Remarks
        </TD>
        <TD align=center>
            Type
        </TD>
        <TD align=center>
            Submit
        </TD>
    </TR>
    <TR>
        <TD align=center>
            <INPUT TYPE="TEXT" ID="ProductName_1">
        </TD>
        <TD align=center>
            <INPUT type='TEXT' name='Quantity_1' ID='Quantity_1' size=10 style='text-align:right'>
        </TD>
        <TD align=center>
            <input type="checkbox" name="in_travel_1" id="in_travel_1" value="in_terval" />
        </TD>
        <TD align=center>
            <INPUT type='TEXT' name='TotalPrice_1' ID='TotalPrice_1' size=10 style='text-align:right'>
        </TD>

        <TD align=center>
            <textArea name="Remark_1" ID="Remark_1" cols=10></textArea>
        </TD>
        <TD align=center>
            <select id="reimbursement_1" name="reimbursement_1" >
               <option selected="selected" value="">--None--</option>
               <option value="DA">DA</option>
               <option value="Ticket">Ticket</option>
               <option value="Misc">Misc </option>
               </select>
        </TD>
        <TD align=center>
            <INPUT type="submit" value="Submit" id="submit_1" name="submit_1" >
        </TD>
    </TR>
</TABLE>
<INPUT type="submit" value="Add" onclick='AddRow()'>
<INPUT type="submit" value="remove" onclick=' removeTableRow()'>
</body>
</html>

Thanks

推荐答案

('#SaleTable'); jQtable.each(function() { var LastRow="<TR><TD align=center><INPUT TYPE='text' name='ProductName_"+RowCount+"'></TD><TD align=center><INPUT style='text-align:right' type='TEXT' name='Quantity_"+RowCount+"' ID='Quantity_"+RowCount+"' size=10></TD><TD align=center><INPUT style='text-align:right' type='checkbox' name='in_travel_"+RowCount+"' ID='in_travel_"+RowCount+"' size=10></TD><TD align=center><INPUT style='text-align:right' type='TEXT' name='UnitPrice_"+RowCount+"' ID='UnitPrice_"+RowCount+"' size=10></TD><TD align=center><textArea name='Remark_"+RowCount+"' ID='Remark_"+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><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=

(this).append(LastRow); }); RowCount++; } function removeTableRow() { jQtable=

('#SaleTable'); if(RowCount > 1) { jQtable.each(function() { if(

这篇关于在第一个值之后如何获取所有组件的值.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

在第一个值之后如何获取所有组件的值. [英] How to get value of all components after first value..

问题描述

推荐答案

相关文章

其他开发语言最新文章

热门教程

热门工具

登录关闭

在第一个值之后如何获取所有组件的值. [英] How to get value of all components after first value..

问题描述

推荐答案

相关文章

其他开发语言最新文章

热门教程

热门工具

登录 关闭

登录关闭