Question

当我单击模态中的按钮时，文本框值变为null或文本消失。如何在文本框中维护文本。

$("#myModal").find("tr:not(:nth-child(1))").remove();

Jquery代码：

 Modal :

<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-  
   dismiss="modal">&times;</button>
                 <h4 class="modal-title">Update Country</h4>
            </div>
            <form action="" method="post">
                <div class="modal-body">
                     <input type="text" id="cn" name="pcountry">
                </div>
                <div class="modal-body">
                     <input type="text" id="cph" name="pphone">
                </div>
                <div class="modal-footer">
                    <input type="submit" class="btn btn-default"       
            name="updatecountry">

                </div>
            </form>

       </div>

Answer 1

当然，当您输入空值时，文本框中的文本将会消失。我正在阅读你的代码，这对我来说完全没有意义。现在我将解释你的代码在做什么，并希望你能理解你的错误。

$(this)引用了点击的按钮。
阅读jquery的here数据方法，以及您使用它的方式将尝试从点击的按钮获取属性data-cphone和data-cname值因为没有这样的属性var cphone和var cname都是空的。

示例：

// HTML
<input type="submit" id="my-button" data-cphone="some value" data-cname="some other value">

// JavaScript
// now you will have "some value" inside cphone and "some other value" inside cname 
var cphone =$('#my-button').data('cphone');   
var cname =  $('#my-button').data('cname');

最后使用此代码$("#cph").val(cphone);，您将<input>的值设置为 null

所以

当我点击模态中的按钮时，文本框值变为null或文字消失了。如何在文本框中维护文本。

是的，我的朋友这是预期的行为。

如果你使用这样的代码：

// now your variables will hold the values of those two inputs
var cphone = $("#cph").val();   
var cname = $("#cn").val();

// now for example you can send your values to PHP with AJAX
$.ajax({
    method: 'POST',
    url: 'path/to/data/processing/script.php',
    data: {name: cname, phone: cphone },
    success: function(response){
       // process your response here
    },
    error: function(err){
       // handle your error here
    },
    complete: function(){
       // clear input values for example 
       $("#cph").val('');   
       $("#cn").val('');
    }
});

它会起作用。祝你好运！

修改

选中此jsfiddle以获取使用jquery的closest方法获取输入值的其他方法，以查找父表单，然后使用find方法获取那两个输入

modal在php中按钮点击时从文本框发送空值

1 个答案: