模态输入与输入值触发器

Modal input versus input value trigger

本文关键字：输入 触发器 模态      更新时间：2023-09-26

我有一个模态在这里继续保存确认输入模态的值，同时返回到输入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!!");
    });
});

请在save I'be fix with the payments中留下评论

这里是我的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输入模态将出现输入他们的名字和保存!如果单击save，则该值将写入span html

的输入。

谢谢你们…

只需替换以下行

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); }

相关文章：