javascript - テキストの変更時に別のテキスト ボックス (子ページ) によってテキスト ボックスのテキスト (親ページ) を変更します。

Question

default1.aspx と default2.aspx という名前の 2 つの .aspx ページがあります。default1.aspx には textbox1 という名前のテキスト ボックスが 1 つあり、default2.aspx には textbox2 という名前のテキスト ボックスが 1 つあります。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
}

もう 1 つのオプションは、モーダル ダイアログで window.returnValue を設定し、ダイアログを閉じた後に returnValue でテキスト ボックスを更新することです。