javascript - 从模式对话框窗口中选择开启页面元素？

Question

//Html - page containing link to open dialog

<input type="text" value="something" id="inputbox_id" />
<a href="#" class="opendialog">Open</a>

//Javascript

.opendialog.click function 
{
$('.modaldialog').click(function(event) {
    $('<div id="dialogContainer"> </div>').appendTo('body');

   //ajax call to page.php, if successful then add output of page.php to 
   //dialogContainer div created above
   //page.php has a button and some javascript as below
}


//Html - content of page.php
<input type="button" id="button" value="I am button" />

//Javascript on page.php
// On click "#button" 
// $('#inputbox_id').val("Something New");

但它不起作用，而是出现错误“inputbox_id 未定义”....

所以我将代码更改为

$('#input_box_id', 'body').val(); // didn't work

$('body').find('#input_box_id').val("some value"); //Worked

我的问题是 -

为什么 $(selector, context) 选择器在这种情况下不起作用？使用 select body 然后找到所需的元素可以吗？你有更好的建议吗？

单击#button后如何关闭此对话框？

感谢您的帮助!

更新

对话框关闭问题已解决 - 只需调用 $("#IdOfDialogContainer").remove();

Answer 1

$('#input_box_id', 'body').val(); 

这种用法是错误的，你必须在第二个参数中给出 DOM 元素。像这样:

$('#input_box_id', document.getElementsByTagName('body')).val(); 

另一种方式是 - 你在帖子中提到的，

$(body).find('#input_box_id').val(); 

JQuery官方网页已经提到了:

Internally, selector context is implemented with the .find() method, *so $('span', this) is equivalent to $(this).find('span').*

来源:http://api.jquery.com/jQuery/

所以，你不需要按照我说的第一种方式来实现，不会有性能问题。