2

我正在尝试将多个输入字段传递给弹出页面。这是我所做的：

<tr>
<th>Item Category</th>
    <td><input type="text" name="object_category" disabled="disabled" id="pid1" />
    </td>
<tr>
<th>Item Name</th>
    <td><input type="text" name="object_name" disabled="disabled" id="pid2" />
    <input type="button" id="item_name" name="choice" onClick="selectValue2('id2')" value="?"></td>
</tr>

的值是通过从不同的页面返回其值来填充的。

现在我想将 id:pid1和 id:的值传递pid2给使用 javascript 的新弹出页面。这是我的selectValue2()函数定义：

function selectValue2(pid2){
    // open popup window and pass field id
  var category = getElementById('pid1');
    window.open("search_item.php?id=pid2&&cat="+category+""",'popuppage',
  'width=600,toolbar=1,resizable=0,scrollbars=yes,height=400,top=100,left=100');
}

但是， selectValue2 不起作用，因为弹出窗口没有打开。如何将这两个字段的值传递给我的新弹出窗口？

4

4 回答 4

1

这里有问题：

var category = getElementById('pid1');

您需要将其替换为：

var category = document.getElementById('pid1');

与对象getElementById一样。document

于 2013-07-29T05:53:56.980 回答
0

你需要使用

document.getElementById

此外，您将需要使用 value，因为 getElementById 正在抓取整个元素

您的代码将类似于：

function selectValue2(pid2){
    // open popup window and pass field id
  var category = document.getElementById('pid1').value;
    window.open("search_item.php?id=pid2&&cat=" + category + """,'popuppage',
  'width=600,toolbar=1,resizable=0,scrollbars=yes,height=400,top=100,left=100');
}

您可以对第二个 pid 值执行类似的操作 - 不确定为什么要将它传递给函数。

于 2013-07-29T06:00:06.967 回答
0

试试这个

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function selectValue2(){
    // open popup window and pass field id
  var category = document.getElementById('pid1').value;
  var pid = document.getElementById('pid2').value;
    window.open("test.php?id="+pid+"&cat="+category+"",'popuppage',
  'width=600,toolbar=1,resizable=0,scrollbars=yes,height=400,top=100,left=100');
}
</script>
</head>

<body>
<tr>
<th>Item Category</th>
    <td><input type="text" name="object_category" id="pid1" />
    </td>
<tr>
<th>Item Name</th>
    <td><input type="text" name="object_name"  id="pid2" />
    <input type="button" id="item_name" name="choice" onClick="selectValue2()" value="?"></td>
</tr>
</body>
</html>
于 2013-07-29T06:02:19.307 回答
0

对于 Jquery，

var pid1Val = $("#pid1").val();
var pid2Val = $("#pid2").val()

对于 Javascript，

var pid1Val = document.getElementById('pid1');
var pid2Val = document.getElementById('pid2');
于 2013-07-29T06:08:44.107 回答