StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSet textbox value which is dynamically added has display:none property in Jquery
primarykey
Id
20682524
data
AcceptedAnswerId
20699839
AnswerCount
1
ClosedDate
CommentCount
7
CommunityOwnedDate
CreationDate
2013-12-19T13:03:24.473
FavoriteCount
0
LastActivityDate
2013-12-23T10:29:20.977
LastEditDate
2013-12-20T10:51:45.710
LastEditorUserId
1192188
OwnerUserId
1192188
ParentId
0
PostTypeId
1
Score
0
ViewCount
846
LastEditorDisplayName
text
Body
<p>Here the scenario is i have added <code>dynamic row</code> to table having tds as <code>textbox</code> and <code>span</code> tag,</p> <p>Now am doing some calculation here in demo you will see a multiple factor textbox , on change will update my table to last column i.e (Calculated area provided) ,</p> <p>Problem i facing is i need to fetch the updated calculate value of last column (four wheeler), I am able to update span but not textbox </p> <p><strong><a href="http://jsfiddle.net/SSNfZ/14/" rel="nofollow">JSFIDDLE DEMO</a></strong></p> <p><strong>JS code:</strong></p> <pre><code>$("#apnd_tr").on('click',function(){ $(".Total_result").parents('tr').before(row_1cnt); $(".Total_result").parents('tr').before(row_2cnt); }); var arrParkingRowIds = new Array(); $("#myMultipleFactor").on('input', function () { var get_factorValue = $(this).val(); var counter = 0; $("#myTable [class*=id_]").each(function () { counter++; if (counter == 4) { var da = $(this).attr('class'); var fourWhlrValue = $("." + da).find("#txtprovidedNoParfetch").val(); var setResultProvidedParking = Number(fourWhlrValue) * Number(get_factorValue); $("." + da).find("#txtprovidedPAfetch").next().html(setResultProvidedParking.toFixed(2)); $("." + da).find("#txtprovidedPAfetch").val(setResultProvidedParking); counter = 0; arrParkingRowIds.push(da); } }); }); $("#mValue").on('click', function () { for (var i = 0; i < arrParkingRowIds.length; i++) { var gData = arrParkingRowIds[i]; alert($("." + gData).find('td:eq(7)').html()); } }); var row_1cnt='<tr class="id_108"> <td colspan="8"> <input type="text" value="2323232323" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="TextTitleFetch" class="prk_txt_style" /><span class="spnrowset">Row Bunglows</span> <div class="save_prk_row btn btn-mini btn-primary myBTNTEST" id="id_108" style="display: none;">save</div> </td> </tr> <tr class="id_108"> <td id="tdSrNofetch">1</td> <td id="tdtypeOfParkingfetch">Four wheeler</td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredPRFetch" /><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedPRfetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style clsCal1_108" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredNoParfetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedNoParfetch"><span class="spnrowset">3</span> </td> <td> <input type="text" disabled="" value="9" class="prk_txt_style clsShow1_108" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredPAfetch"><span class="spnrowset">9</span> </td> <td> <input type="text" value="9" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedPAfetch"><span class="spnrowset spnadd">9</span> </td> </tr> <tr class="id_108"> <td>2</td> <td>Two wheeler</td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredPR2fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedPR2fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style clsCal2_108" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredNoPar2fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedNoPar2fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" disabled="" value="9" class="prk_txt_style clsShow2_108" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredPA2fetch"><span class="spnrowset">9</span> </td> <td> <input type="text" value="9.00" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedPA2fetch"><span class="spnrowset spnadd">9.00</span> </td></tr> <tr class="id_108"> <td>3</td> <td>bicycle</td> <td> <input type="text" value="3" style="margin-bottom: 0px; width: 80% ! important; display: none;" class="prk_txt_style" id="txtrequiredPR3fetch"><span class="spnrowset">3</span> </td> <td><input type="text" value="3" style="width: 105px; margin-left: 0px; display: none;" class="prk_txt_style" id="txtprovidedPR3fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" style="width: 105px; margin-left: 0px; display: none;" class="prk_txt_style clsCal3_108" id="txtrequiredNP3fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" style="width: 105px; margin-left: 0px; display: none;" class="prk_txt_style" id="txtprovidedNP3fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" disabled="" value="0" style="width: 105px; margin-left: 0px; display: none;" id="txtrequiredPA3fetch" class="prk_txt_style clsShow3_108"><span class="spnrowset">0</span> </td> <td> <input type="text" value="0.00" style="width: 105px; margin-left: 0px; display: none;" class="prk_txt_style" id="txtprovidedPA3fetch"><span class="spnrowset spnadd">0.00</span> </td> </tr>'; var row_2cnt=' <tr class="id_109"> <td colspan="8"> <input type="text" value="2323232323" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="TextTitleFetch" class="prk_txt_style" /><span class="spnrowset">Hospital</span> <div class="save_prk_row btn btn-mini btn-primary myBTNTEST" id="id_108" style="display: none;">save</div> </td> </tr> <tr class="id_109"> <td id="tdSrNofetch">1</td> <td id="tdtypeOfParkingfetch">Four wheeler</td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredPRFetch" /><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedPRfetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="5" class="prk_txt_style clsCal1_108" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredNoParfetch"><span class="spnrowset">5</span> </td> <td> <input type="text" value="5" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedNoParfetch"><span class="spnrowset">5</span> </td> <td> <input type="text" disabled="" value="15" class="prk_txt_style clsShow1_108" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredPAfetch"><span class="spnrowset">15</span> </td> <td> <input type="text" value="15" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedPAfetch"><span class="spnrowset spnadd">15</span> </td> </tr> <tr class="id_109"> <td>2</td> <td>Two wheeler</td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredPR2fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedPR2fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style clsCal2_108" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredNoPar2fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedNoPar2fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" disabled="" value="9" class="prk_txt_style clsShow2_108" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtrequiredPA2fetch"><span class="spnrowset">9</span> </td> <td> <input type="text" value="9.00" class="prk_txt_style" tabindex="1" style="margin-bottom: 0px; width: 80% ! important; display: none;" id="txtprovidedPA2fetch"><span class="spnrowset spnadd">9.00</span> </td></tr> <tr class="id_109"> <td>3</td> <td>bicycle</td><td> <input type="text" value="3" style="margin-bottom: 0px; width: 80% ! important; display: none;" class="prk_txt_style" id="txtrequiredPR3fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" style="width: 105px; margin-left: 0px; display: none;" class="prk_txt_style" id="txtprovidedPR3fetch"><span class="spnrowset">3</span> </td><td> <input type="text" value="3" style="width: 105px; margin-left: 0px; display: none;" class="prk_txt_style clsCal3_108" id="txtrequiredNP3fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" value="3" style="width: 105px; margin-left: 0px; display: none;" class="prk_txt_style" id="txtprovidedNP3fetch"><span class="spnrowset">3</span> </td> <td> <input type="text" disabled="" value="0" style="width: 105px; margin-left: 0px; display: none;" id="txtrequiredPA3fetch" class="prk_txt_style clsShow3_108"><span class="spnrowset">0</span> </td> td> <input type="text" value="0.00" style="width: 105px; margin-left: 0px; display: none;" class="prk_txt_style" id="txtprovidedPA3fetch"><span class="spnrowset spnadd">0.00</span> </td></tr>'; </code></pre> <p><strong>HTML markup:</strong></p> <pre><code>multiple Factor <input type="text" value="3" tabindex="1" id="myMultipleFactor" /> <br><br> <div id="apnd_tr" class="btnStyle">Append TR</div><br> <div id="mValue" class="btnStyle">Calculate Value</div> <br> <table border="1" id="myTable"> <tr> <th width="5%" rowspan="2">Sr. No.</th> <th width="20%" rowspan="2">Type of Parking</th> <th width="25%" colspan="2">Parking ratio</th> <th width="25%" colspan="2">No. of Parking</th> <th width="25%" colspan="2">Calculated Done</th> </tr> <tr> <th width="12.5%">Required</th> <th width="12.5%">Provided</th> <th width="12.5%">Required</th> <th width="12.5%">Provided</th> <th width="12.5%">Required</th> <th width="12.5%">Provided</th> </tr> <tr > <td class="Total_result" colspan="8">Total</td></tr> </table> </code></pre>
Tags
<javascript><jquery><html>
Title
Set textbox value which is dynamically added has display:none property in Jquery
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USSatinder singh
UserOwnerUserId
1. USSatinder singh
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.