【问题标题】:Set the value of textbox in Bootstrap Modal from label text从标签文本中设置 Bootstrap Modal 中文本框的值
【发布时间】:2026-02-08 21:00:01
【问题描述】:

我在点击超链接时显示引导模式。在超链接旁边有一个标签,其中一些文本正在动态打印。

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

文本检索得很好,但我无法成功显示此文本是引导模式文本框。

这是我的 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>

值在警报中打印得很好,但没有在文本框中打印。

有人请帮我看看我错过了什么。

提前致谢

【问题讨论】:

  • 考虑添加动态呈现的 html 代码,即从浏览器呈现的 html。
  • 您是否尝试过硬编码值进行测试 - $("#Curr_Val").val("10");因为语法看起来不错..如果您可以共享开发人员控制台以解决任何错误,那就太好了
  • @NagaSaiA 是的,我试过 $("#Curr_Val").val("10") ;但还是不行
  • 你从浏览器调试过吗?
  • @Hamed 没有任何错误。该值在警报中打印得很好

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


【解决方案1】:

使用jquery方式访问asp net控件的问题。你需要改成$('#&lt;%= Curr_Val.ClientID %&gt;').val(CurrValue);

【讨论】:

  • 从昨天开始我就对此感到困惑......但你解决了它......我会给你一个赞成票(y)非常感谢你
  • @AlinaAnjum 不用担心,很乐意帮助修复它:)