从标签文本中设置Bootstrap Modal中文本框的值

时间:2016-06-09 04:31:08

标签: javascript c# jquery asp.net twitter-bootstrap

我在单击超链接时显示引导模式。除了超链接之外,还有一个标签,其中一些文本被动态打印。

我使用jquery获取该特定标签的文本,以便在Bootstrap Modal中的Textbox中打印它。

文本检索得非常好但我无法成功显示此文本是bootstrap Modal Textbox。

这是我的Jquery代码:

<script>
    $(function () {
        $(".edit").click(function () {    
            var tr = $(this).parent().parent();
            var tdRecords = $(tr).children();
            var CurrValue = $(tdRecords[0]).text();
            var NewValue = $(tdRecords[1]).text();
            alert(CurrValue); //alert is showing the value fine
            $("#Curr_Val").val(CurrValue); //not working
            $('#myModal').modal('show');
        });
    });
</script>

这是我的模态代码:

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Edit Information</h4>
            </div>
            <div class="modal-body">
              <div class="row">
                  <div class="col-md-3">
                      Current Value :
                  </div>
                  <div class="col-md-6">
                      <asp:TextBox CssClass="txtstyle" runat="server" ID="Curr_Val"></asp:TextBox>
                  </div>
              </div>
                <div class="row">
                  <div class="col-md-3">
                      New Value :
                  </div>
                  <div class="col-md-6">
                      <asp:TextBox CssClass="txtstyle" runat="server" ID="New_Val"></asp:TextBox>
                  </div>
              </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">Save Changes</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
            </div>

        </div>
    </div>
</div>

该值在警报中打印非常精细,但不会在文本框中打印。

有人请帮助我,我错过了什么。

提前致谢

1 个答案:

答案 0 :(得分:4)

使用jquery方式访问asp网络控件的问题。您需要将其更改为$('#<%= Curr_Val.ClientID %>').val(CurrValue);