Question

我有一个模态，在返回输入HTML时继续保存确认输入模态的值。简单的复制粘贴。这是我的代码

<div class="modal-container">
    <div class="mHeader">
        Enter your Name: <input id="getName" type="text" class="0"></input>
    </div>
    <span class="button_confirm">
        <button class="bnt1" id="paid"> Paid </button>
        <button class="bnt1" id="save"> save </button>
        <a href="#">Close </button>
    </span>
</div>

然后是我的JS Jquery代码

$(document).ready(function(){
    $("#save").click(function(){

        var person = document.getElementById("getName").value
            $(this).val(person);
        alert("Save!! " + person);

    });


    $("#paid").click(function(){

        alert("Paid!!");
    });
});

只需将评论留在保存中即可修复付款

这是我的HTML输入

<a href="#cats"><input type="text"><span>0-1</span></a>
<a href="#cats"><input type="text"><span>0-2</span></a>
<a href="#cats"><input type="text"><span>0-3</span></a>
<a href="#cats"><input type="text"><span>0-4</span></a>

如果我单击HTML输入，Modal将显示输入其名称并保存！如果单击“保存”，则该值将写入span html的输入

谢谢你们......

Answer 1

只需替换以下行

var person = document.getElementById("getName").value

$(this).val(person);

alert("Save!! " + person);

与

var person = document.getElementById("getName").value

if(person.length) { $(this).val(person); alert("Save!! " + person); }

模态输入与输入值触发

1 个答案: