获取 jQuery Promtbox 值并存储到 var 中

Grabbing the jQuery Promtbox value and storing into a var

本文关键字：var 存储 jQuery Promtbox 获取      更新时间：2023-09-26

我需要你的帮助，

由于某种原因，一旦调用jQuery提示框，我就无法设置"myvar"的值。此文件的代码如下：http://pastebin.com/40hD3Q8e

如何修改下面的代码，以便我能够设置提示框文本的 myvar 值。

<!DOCTYPE HTML>
<html>
<head>

        <style type="text/css">
            /* Custom dialog styles */
            #popup_container.style_1 {
                font-family: Georgia, serif;
                color: #A4C6E2;
                background: #005294;
                border-color: #113F66;
            }
            #popup_container.style_1 #popup_title {
                color: #FFF;
                font-weight: normal;
                text-align: left;
                background: #76A5CC;
                border: solid 1px #005294;
                padding-left: 1em;
            }
            #popup_container.style_1 #popup_content {
                background: none;
            }
            #popup_container.style_1 #popup_message {
                padding-left: 0em;
            }
            #popup_container.style_1 INPUT[type='button'] {
                border: outset 2px #76A5CC;
                color: #A4C6E2;
                background: #3778AE;
            }
        </style>
        <!-- Core files -->
        <script src="jquery.js" type="text/javascript"></script>
        <script src="jquery.alerts.js" type="text/javascript"></script>
        <link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
function test(){
var myvar
    alert("working")
    jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
    //if( r ) { alert('You entered ' + r) }
    myvar = r
    });
    alert(myvar)
}
</script>
    </head>
    <body>
                <input id="alert_button" type="button" value="Show Alert" />
                <input id="confirm_button" type="button" value="Show Confirm" />
                <input id="prompt_button" type="button" value="Show Prompt" />
                <input id="alert_button_with_html" type="button" value="Show Alert" />
                <input id="style_1" class="alert_style_example" type="button" value="Style 1" />
                <br>
                <input type="button" onclick="test()" value="testthis"/>

    </body>
</html>

它不起作用，因为，你的alert(myvar);在jPropmt()的回调之前执行，如：

jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
    //if( r ) { alert('You entered ' + r) }
    myvar = r;
});

alert(myvar);//this 在 jPrompt() 的回调之前执行，所以你可以在 html 中创建一个带有一些 id 的隐藏字段，比如 prompt_val ，然后执行以下操作：

jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
    if( r ) { 
        $("#prompt_val").val(r);
    }
});

并从隐藏字段中获取值

相关文章：