对话框窗体上的输入值不会更新

时间:2015-02-17 15:10:11

标签: javascript jquery forms twitter-bootstrap dialog

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

我有一个包含注册表的表,在每个人中,我都有编辑按钮,他打开一个引导对话框,并显示一个包含该注册表值(由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结果设置。无论如何,当我在打开的对话框中警告我在表格上有所改变的概念时,它总是向我显示原始值。例如:

表单设置为概念值:&#34; A&#34;。我将其更改为&#34; B&#34;在表单上,​​当我点击acceptButton时,警报显示我&#34; A&#34;在&#34; B&#34;内部,这使得我无法编辑注册表。

任何人都知道为什么?

1 个答案:

答案 0 :(得分:1)

最后我解决了......我正在做的事情没问题。事情是我在做.html(表单)部分时复制代码,因为我有一个以上的对话框.modal-body

所以我更换:

$( '模态体。')HTML(形式);

通过

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

它有效!

关心Jeremy Thille和epascarello试图解决它!