Value not getting displayed

Question

Hi


   Value in alert gets displayed but it displays Blank Value in below code.

 document.getElementById('txtBalancedScoreCardAreas').value = BalancedScoreCardAreas;

<div class="col-lg-12">
                                                <div class="form-group">
                                                    <label>Balanced Score Card Areas</label>&nbsp;<span style="color: red">*</span>
                                                    <asp:TextBox ID="txtBalancedScoreCardAreas" class="form-control summernote" TextMode="MultiLine" Rows="2" placeholder="Q2 Target" required="true" runat="server"></asp:TextBox>
                                                </div>
                                            </div>
 

<script>
        $(function () {
            $('.summernote').summernote();
        });
    </script>
    <script type="text/javascript">
        function BindData(e) {
            document.getElementById('btnSave').value = "Update";

            var currentRow = $(e).closest("tr");
            var Id = currentRow.find("td:eq(0)").text();
            var BalancedScoreCardAreas = currentRow.find("td:eq(2)").text();

	    alert(BalancedScoreCardAreas);


            alert(BalancedScoreCardAreas);
            document.getElementById('hdfID').value = Id;

            document.getElementById('txtBalancedScoreCardAreas').value = BalancedScoreCardAreas;

        };
    </script>

Thanks

Vishal Joshi · Answer

Hello In asp.net runtime it will change id. you need to set ClientIDMode="Static". please check below code Try to replace your code with above and same javascript code you writtern should work. Thanks

Uday Dodiya · Answer

It simply means that the element was not found. If its id value is "txtBalancedScoreCardAreas" (check it up, should be id="txtBalancedScoreCardAreas" , and see how it looks in raw HTML on the client side, using "View Page Source"), the jQuery selector must be written as: myElement = $("#txtBalancedScoreCardAreas"); myElement.value = BalancedScoreCardAreas;

Laxmikant · Answer

are you your text box id is - txtBalancedScoreCardAreas ? right click on your page select 'view source' and see the exact id of textbox. This id needs to be replaced document.getElementById('txtBalancedScoreCardAreas').value = BalancedScoreCardAreas;