從多個輸入字段傳遞值使用javascript/jquery彈出

我想將多個輸入字段傳遞給一個彈出頁面。這裏是我做了什麼：從多個輸入字段傳遞值使用javascript/jquery彈出

<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>

是由不同的頁面返回它的價值填補了價值。

現在我想通過使用javascript將id：pid1和id：pid2的值傳遞到新的彈出頁面。這裏是我的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不工作，因爲彈出窗口不開放。如何將這兩個字段的值傳遞給我的新彈出窗口？

來源

2013-07-29 aki2all

是'的getElementById（ 'PID1'）'是你自己的功能？ – mohkhan

在這裏，你有問題：

var category = getElementById('pid1');

您需要通過將其替換：

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

由於getElementById作品與document對象。

來源

2013-07-29 05:53:56

當我使用時它的工作正常： 'var category = document.getElementById（'pid1'）。value;' – aki2all

您需要使用

document.getElementById

此外，您將需要使用的價值，因爲的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-29 06:00:06 Kelz

試試這個

<!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-29 06:02:19

的jQuery，

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

爲Javascript，

var pid1Val = document.getElementById('pid1'); 
var pid2Val = document.getElementById('pid2');

來源

2013-07-29 06:08:44

從多個輸入字段傳遞值使用javascript/jquery彈出

回答

相關問題