如何将数据传递给使用 div 创建的弹出窗口 window

How pass data to popup window which created used div

我的页面中有 table 名称和价格产品。只有靠近行的地方有一个按钮 "Make order"。当我点击它时,我得到一个弹出窗口 window。我必须将我的名字和价格传递给这个弹出窗口。

<script type="text/javascript">
function show(state){
    document.getElementById('window').style.display = state;
    document.getElementById('wrap').style.display = state;
}
</script>

<div onclick="show('none')" id="wrap"></div>

<!-- Popup Window -->
<div id="window">
<img class="close" onclick="show('none')" src="/images/close.png">
<form   onsubmit="return checkForm(this)" action="/user/confirmOrder">
    <p>Address:</p>
    <input type="text" name="address">
    <p>Count:</p>
    <input type="text" id="count" name="count">
    <p id='err_count' class='error'></p>

    <input type="hidden" name="username" value="${pageContext.request.userPrincipal.name}">
    <br>
    NameProduct:
    <input type="text" id="nameProduct" name="nameProduct">
    <input type="text" id="priceProduct" name="priceProduct">
    <input type="submit" value="Make order">
</form>
</div>



<table border="2px">
<tr>
<th>Name</th>
<th>Price</th>
</tr>
<c:forEach items="${productList}" var="product" varStatus="status">
<tr>
    <td> ${product.getProductName()}</td>
    <input type="hidden" id="productName" name="productName"     value=${product.getProductName()}>
    <td>${product.getPrice()}</td>
    <input type="hidden" id="productPrice" name="productPrice" value=${product.getPrice()}>
    <td>
       <button class="myButton" onclick="show('block')">Make Order</button>
    </td>
</tr>

如何将名称和价格传递到我的弹出窗口 window 所选行?早期我使用 window.open() 并且它有效,但现在我使用 div 创建弹出窗口 window.

以这种方式创建弹出窗口 window

var childWindow=window.open("windowUrl");

然后您需要在子 window 中创建一个函数来设置名称、价格和所选行,然后在父 window 中以这种方式调用该函数。

childWindow.setterFunction(name,price,chosenRow);

或者,您可以在子 window 中为名称、价格和所选行创建全局变量(不推荐),然后像这样从父 window 设置它们

childWindow.Name =name;
childWindow.Price = price;
childWindow.chosenRow = chosenRow;