2013-06-04 58 views
-3

只是想問一下jQuery中我的JavaScript代碼的等價物。 順便說一句,$ name & $ age來自我的PHP代碼。我想知道如何使用jQuery將($ name和$ age)值傳遞給我的表單。 這裏是我下面的代碼:jQuery等價於我的JavaScript代碼(函數值傳遞給表單)

<input type="button" name="edit" value="edit" onclick="show('$name','$age')";> 

<script> 
function show(name,age) 
{ 
getElementById("#hidden_division").visibility="visible"; 
getElementById("#name_input").value=name; 
getElementbyId("#age_input").value=age; 
} 
</script> 

<div id="hidden_division> 
<form action="somewhere.php"> 
<input type="text" name="name_form" id="name_input"> 
<input type="text" name="age_form" id="age_input"> 
<input type="submit" value="submit"> 
</form> 
<div> 
+3

我想你的意思是從你的選擇器中省略'#'。 'getElementById()'不採用CSS選擇器語法。 –

+1

爲什麼使用jquery進行這種簡單的任務? –

+3

你有一個具體的問題,將其轉換爲jQuery? –

回答

0

我不明白你爲什麼會需要jQuery的瞭解(這是速度較慢,甚至不是更短),但是這是它會是什麼樣子:

在HTML:

<input type="button" id="editbutton" value="edit"> 

在腳本(jQuery的加載後):

jQuery(function($) { 
    $("#editbutton").click(function(e) { 
     show('$name','$age'); 
    }); 
}); 

function show(name,age) { 
    // If you meant the .style property, use the .css() method instead of .prop() 
    $("#hidden_division").prop("visibility", "visible"); 
    $("#name_input").val(name); 
    $("#age_input").val(age); 
} 
+0

讓我澄清我的問題。我有一個從我的sql數據庫的值創建的表。讓我們只是說我有3列名稱,年齡和編輯按鈕。並說10行。所以每一行都有不同的名稱和年齡值。所以當我點擊我桌子上的按鈕。我希望它的值(名稱,年齡)自動填寫我隱藏的表單,稍後我將使用ajax將其再次提交給我的數據庫。我在頂部的示例工作正常,但我打算使用jquery模式表單,這就是爲什麼即時通訊問什麼是相當的 – Noman

+0

讓我試試當我回到辦公室明天。謝謝。 – Noman

0

我想如果我正確地理解了你,你在問如何使用jQuery將$ name和$ page傳遞給你的函數?

這很簡單,一旦你包含jQuery。

$("#submit_button").live("click", function(){ 
    var name = $("#name_input").val(); 
    var age = $("#age_input").val(); 
    show(name, age); 
}); 
+0

是的,這就是想要的。請讓我澄清我的問題。我有一個從我的sql數據庫的值創建的表。讓我們只是說我有3列名稱,年齡和編輯按鈕。並說10行。所以每一行都有不同的名稱和年齡值。所以當我點擊我桌子上的按鈕。我希望它的值(名稱,年齡)自動填寫我隱藏的表單,稍後我將使用ajax將其再次提交給我的數據庫。我在頂部的示例工作正常,但我打算使用jQuery的模式形式,這就是爲什麼我問什麼是等效的 – Noman

+0

讓我試試當我回到辦公室明天。謝謝。 – Noman