ホームページ >ウェブフロントエンド >htmlチュートリアル >複数選択インターフェイスを作成し、項目を選択すると、新しいページが表示されます。この項目を選択した後、前の HTML page_html/css_WEB-ITnose に戻ります。
複数選択インターフェイスを作成し、項目を選択すると、新しいページが表示されます。この項目を選択した後、前の HTML page_html/css_WEB-ITnose に戻ります。
- 不言オリジナル
- 2018-05-25 09:49:403303ブラウズ
html
複数選択インターフェースを作成し、項目を選択すると、新しいページがポップアップします。この項目を選択した後、前のメイン HTML ページに戻ります。
たとえば、メイン ページ A には 1 と 2 の 2 つのオプションがあります。クリックすると、対応するページ 1 とページ 2 がポップアップ表示されます。ページ 1 を選択した後、データをメイン ページ A に戻します。テキストでは、引き続きページ 2 を選択します。ページ 2 を選択すると、データはメイン ページの別のテキストに戻ります A
ディスカッションへの返信 (解決策)
今、選択機能を作成しましたが、いずれかを選択した後別のものを選択すると、以前に選択したものは見つかりません
みんなまだ仕事してないの？
誰も助けてくれないの？これは難しいですか？
テストページ:
<html>
<head>
<title>测试</title>
<script>
function selectWin(index)
{
if(index==1)
{
window.open("1.html");
}
else
{
window.open("2.html");
}
}
</script>
</head>
<form name="myform">
<table>
<tr>
<td>选择</td>
<TD>
<INPUT type="checkbox" name="chk" value="1" onclick="selectWin(this.value)">选择一
<INPUT type="checkbox" name="chk" value="2" onclick="selectWin(this.value)">选择二
</TD>
<tr>
<tr>
<td>
<input type="text" name="txt1">
<input type="text" name="txt2">
</td></tr>
</table>
</form>
</html>1.html
<html>
<head>
<title>测试</title>
<script>
function returnVal(index)
{
window.opener.document.forms[0].txt1.value=index;
window.close();
}
</script>
</head>
<form name="myform">
<table>
<td>
<input type="text" name="txt1">
<input type="button" value="返回" onClick="returnVal(document.forms[0].txt1.value);">
</td></tr>
</table>
</form>
</html>2.html:
<html>
<head>
<title>测试</title>
<script>
function returnVal(index)
{
window.opener.document.forms[0].txt2.value=index;
window.close();
}
</script>
</head>
<form name="myform">
<table>
<td>
<input type="text" name="txt1">
<input type="button" value="返回" onClick="returnVal(document.forms[0].txt1.value);">
</td></tr>
</table>
</form>
</html>声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。