如何在JQuery UI对话框中设置元素的值

如何在JQuery UI对话框中设置元素的值,jquery,ajax,jquery-ui,Jquery,Ajax,Jquery Ui,我目前遇到一个问题,需要向jQueryUI对话框传递一个值,但我不知道如何传递。我到处查看文档,但似乎什么都不管用。这就是我已经尝试过的 实际对话框: <div id="amountDialog" title="Add to Basket"> <table style="text-align: center"> <tr> <td colspan="2">

我目前遇到一个问题,需要向jQueryUI对话框传递一个值,但我不知道如何传递。我到处查看文档,但似乎什么都不管用。这就是我已经尝试过的

实际对话框:

    <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>
我不会在这里粘贴执行代码,因为我知道这是可行的,我可以从模式对话框的文本框中获取值。然而,我关心的是,当模式对话框打开时,如何设置productAdd段落的值

只需要再次说明一下,我还是JQuery的新手。

应该是html而不是val,更改:

应为html而不是val,更改:

这里的问题是productAdd是一个段落。jQuery的val方法仅适用于表单字段。改用html或文本。例如$'productAdd'.text有多少个

另一方面,您需要重新考虑如何确定productAdd的新内容。您现在拥有的parent.parent.find“specific thing”意味着您的脚本将在HTML更改后立即中断。

您这里的问题是productAdd是一个段落。jQuery的val方法仅适用于表单字段。改用html或文本。例如$'productAdd'.text有多少个


另一方面,您需要重新考虑如何确定productAdd的新内容。您现在拥有的parent.parent.find“specific thing”意味着您的脚本将在HTML更改后立即中断。

这是有效的。谢谢将在几分钟内设置为正确答案还有一个问题,我如何知道何时使用val,何时使用html?从我看到的所有代码片段来看,这开始让人困惑me@EonRustedduPlessis.val方法主要用于获取表单元素的值,如input、select和textarea,请参阅jquery文档中的更多内容::.val了解表单元素。.html和.text用于分别获取或设置节点的innerHTML和innerText,而不是表单节点,例如DivText。我需要所有能得到的帮助。我感到惭愧的是,这是一个工作面试评估,我把它搞砸了,就像这样:P所有人都本着成长和获得薪水的精神^ ^这是有效的。谢谢将在几分钟内设置为正确答案还有一个问题,我如何知道何时使用val,何时使用html?从我看到的所有代码片段来看,这开始让人困惑me@EonRustedduPlessis.val方法主要用于获取表单元素的值,如input、select和textarea,请参阅jquery文档中的更多内容::.val了解表单元素。.html和.text用于分别获取或设置节点的innerHTML和innerText,而不是表单节点,例如DivText。我需要所有能得到的帮助。我感到惭愧的是,这是一份工作面试评估,我把它搞砸了:P本着成长和获得薪水的精神^ ^我肯定它会有回报。打开对话框的按钮嵌套在table>tbody>tr>td之间,它是一个动态按钮。这就是按钮。家长td。父tr。因此,第n-child1获取按钮所在行或非按钮所在行的第一列值。刚看到bug hahaI我肯定它返回了一个值。打开对话框的按钮嵌套在table>tbody>tr>td之间,它是一个动态按钮。这就是按钮。家长td。父tr。因此,第n-child1获取按钮所在行或非按钮所在行的第一列值。刚看到虫子哈哈
$( "#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").val(...)
$("#productAdd").html(...);