1

現在、Jquery UIダイアログに値を渡す必要があるという問題がありますが、その方法がわかりません。私はどこでもドキュメントをチェックしましたが、何も機能していないようです。これは私が持っている(そして試した)ものです

実際のダイアログ:

    <div id="amountDialog" title="Add to Basket">
        <table style="text-align: center">
            <tr>
                <td colspan="2">
                    <p id="productAdd"></p> <!-- need to set this value -->
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" id="modalInputAmount" />
                </td>
                <td>
                    <p id="maxAmt">Maximum Amount: </p>
                </td>
            </tr>
        </table>
    </div>

ダイアログオプション:

$( "#amountDialog" ).dialog({ 
                        autoOpen: false, 
                        width: 'auto',
                        modal: true,
                        buttons : {
                            "OK" : execute
                        },
                        open : function (event, ui) {
                            $("#productAdd").val('How many [' + item + ']\'s do you wish to add to the basket?"'); <!-- item is the global variable describing which item is added to the basket -->
                        }
                    });

オープニングコード

    $("#amountDialog" ).dialog("open");

実行コードをここに貼り付ける必要はありません。動作することがわかっているので、モーダルダイアログのテキストボックスから値を取得できます。#productAddただし、私の懸念は、モーダルダイアログが開いたときに段落の値を設定するにはどうすればよいですか?

これをもう一度出す必要があります。私はまだJQueryの初心者です。

4

2 に答える 2

4

してはいけhtml()ないval()、変更:

$("#productAdd").val(...)

$("#productAdd").html(...);
于 2013-02-10T08:08:48.973 に答える
0

ここでのあなたの問題は、それ#productAddが段落(<p>)であるということです。jQueryのval()メソッドはフォームフィールドにのみ適用されます。htmlまたはのtext代わりに使用してください。例えば$('#productAdd').text("How many ...")

ちなみに、あなたは#productAddの新しいコンテンツをどのように決定しているのかを再考したいと思います。これparent().parent().find('specific thing')で、HTMLが変更されるとすぐにスクリプトが壊れることになります。

于 2013-02-10T08:26:21.473 に答える