【问题标题】:My input value's on dialog box form doesn't update我在对话框表单上的输入值没有更新
【发布时间】:2015-02-17 15:10:11
【问题描述】:

我正在寻找解决问题的方法。我找不到并回答,可能是因为我不知道如何在搜索问题中解释我的问题..

我有一个包含注册表的表,在每个人中,我都有和编辑按钮,它打开一个引导对话框,并显示一个包含该注册表值(通过 ajax 获取)的表单:

$("[href=edit]").click(function(e){
    e.preventDefault();
    var id = $(this).attr("data-id");
    $('#editModal').modal('show');

    $.post("tasas/get/",{id: id}, function(data){
        var form = $(data).find("div#editForm");
         $('.modal-body').html(form);
         $('#editModal').on("click","#acceptButton",function(){ 
            var concept = $('.modal-body [name=concept]').val();
            alert(concept);
            $('#frmEdit').submit();
        });
    });


 });

$.post("tasas/get") 给我一个完整的网站,我在其中专门找到包含表单的 div:

    <div id="editForm">
<form name="editRegistry" method="post" id="frmEdit" action="">
    <input type="hidden" name="codigo" value="<?=$code?>">
    <label><span>Concept</span></label>
    <input type="text" name="concept" value="<?=$concept?>" />
    <label><span>Tipo</span></label>
    <select name="tipo">
        <option selected="selected" value="<?=$tipo?>"><?=$tipo?></option>
        <option value="$">$</option>
        <option value="%">%</option>
    </select>
    <label><span>Valor</span></label>
    <input type="text" name="valor" class="small" value="<?=$valor?>" />
</form>
</div>

值由 php 结果设置。无论如何,当我在打开的对话框中提醒我在表单上发生更改的概念时,它总是向我显示原始值。示例:

表单设置有概念值:“A”。我在表单上将其更改为“B”,当我单击接受按钮时,警报会在“B”中显示“A”,这使得我无法编辑注册表。

有人知道为什么吗?

【问题讨论】:

  • 为什么要发出 Ajax 请求来加载表单以提交表单?
  • 我发出 ajax 请求来加载我想要编辑的值的内容。之后我想做的是通过 ajax 更新 mysql 上的这些值。提交不会,将是 $.post!
  • 我相信$.post("tasas/get/")是不够的;你定位一个目录,你应该定位一个文件,如:$.post("tasas/get/someFile.php")
  • 我使用干净的 url 并且总是调用 index.php 谁有一个部分和动作控制器,无论如何这工作正常,我收到的表格和值有正确的数据,我不能做什么,是改变输入上的数据,当点击接受按钮时,在 de .val() 上获取新数据,我收到原始数据。

标签: javascript jquery forms twitter-bootstrap dialog


【解决方案1】:

我终于解决了...我所做的一切都很好。问题是我在做 .html(form) 部分时正在复制代码,因为我与 .modal-body 类有多个对话框

所以我替换:

$('.modal-body').html(form);

通过

$('#editModal .modal-body').html(form);

它有效!

感谢 Jeremy Thille 和 epascarello 试图解决这个问题!

【讨论】:

    猜你喜欢
    • 2012-11-22
    • 1970-01-01
    • 1970-01-01
    • 2011-02-04
    • 1970-01-01
    • 1970-01-01
    • 2020-03-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多