0

jqueryダイアログの[OK]ボタンが押されたときに使用されるjqueryダイアログ入力ボックスのユーザー入力を使用したい。

ここで問題となるのは、jqueryダイアログボックスも実行された後のコードであり、ユーザーがjquery入力フィールドに入力するのを待つ必要はありません。

<p id="text"> click me </p>
<div id="test" class="sandy" > 
    <input id="username" class="sandy1" />
</div>​

$('#text').click(function(){
    $('.sandy').dialog({ 
     buttons: { 
    "OK": function() { 
     $(this).dialog('close'); 
    }}
    });
    var myvalue= $("#test").val();
    alert(myvalue);
})

次のリンクでデモを確認できます：http ：//jsfiddle.net/zCFD5/86/

ユーザーが[OK]ボタンを押すまでjqueryダイアログを保持し、その後のコードに進む方法を提案してください。

4

1 に答える 1

1

このJSを試してください：

$('#text').click(function(){
    $('.sandy').dialog({
        buttons: {
            "OK": function() {
                if($('#username').val() == '') {
                    $('#username').focus();
                } else {
                    var myvalue= $("#username").val();
                    $(this).dialog('close');
                    alert(myvalue);
                }
            }
        }
    });
});

編集：JSFIDDLEのコードも更新しましたが、正常に動作します:-) http://jsfiddle.net/zCFD5/96/

于 2012-05-03T14:15:52.150 に答える