javascript - 文本更改时由另一个文本框（子页面）更改文本框文本（父页面）

Question

我有两个名为 default1.aspx 和 default2.aspx 的 .aspx 页面。default1.aspx 有一个名为 textbox1 的文本框，而 default2.aspx 有一个名为 textbox2 的文本框。default1.aspx 使用 window.showmodaldialog() 打开 default2.aspx。问题是当我更改 textbox2 的文本时，textbox1 的文本也被更改。

Answer 1

给定一个javascript函数：

function clearOther(which){
 document.getElementById(which).value='';
}

当您专注于一个文本框并传递另一个文本框的 id 时，可以调用它：

<input type="text" id="box1" onfocus="clearOther('box2')" />
<input type="text" id="box2" onfocus="clearOther('box1')"  />

工作示例-> http://jsfiddle.net/CwWKn/

或检查 这个

Answer 2

//Page A
<input type='text' id='tb'>
var returnedValue = showModalDialog('page2.aspx', window);

//Page B
<input type='text' onkeypress='update(this);'>

function update(Sender) {
    var input = window.dialogArguments.document.getElementById("tb");
    input.value = Sender.value
}

另一种选择是在模式对话框中设置 window.returnValue 并在对话框关闭后使用返回值更新文本框。