如何在JQuery UI对话框中设置元素的值
我目前遇到一个问题,需要向jQueryUI对话框传递一个值,但我不知道如何传递。我到处查看文档,但似乎什么都不管用。这就是我已经尝试过的 实际对话框:如何在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">
<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(...);