使用jQuery将输入文本显示为div弹出窗口

Posted 2021-04-15

我想显示一个弹出窗口，其中包含我已输入的输入文本的值。

我想从数字输入接收输入数据并将其显示在弹出窗口中。但是下面的代码不包含数字数据。

我的代码显示

:

但我想这样表现：

答案

目前，脚本在页面加载时运行（输入框可能是空的），这就是为什么你没有在弹出窗口中看到这个数字的原因。看起来你正在使用jQuery Mobile弹出窗口。假设是这种情况，您可以在弹出窗口呈现之前收听正在触发的popupbeforeposition事件。您可以使用此事件从输入框中获取当前值并更新弹出消息...

<script>
$(function () {
    $('#popupDialog').bind({
        popupbeforeposition: function() {
            $('#po').html("<h3>Are you sure you want to cancel billing "
                           + $('#bnumber').val() + "?</h3>");
        }
    });
});
</script>

Documentation