2013-12-13 168 views
1

我想知道是否有方法將HTML元素的內容設置爲Javascript中的變量。通過Javascript設置HTML文本字段

我有一個從數據庫中獲取信息的表單。我希望用戶能夠更改該表單中的值,單擊更新按鈕,並相應更新數據庫中的值。我的想法是從頁面中的HTML項目中提取值並將其放入一個變量中。

該表格是使用PHP創建的,因此可以將信息輸入到表單元素中。我不知道這是否是我的問題...

在這個函數中,我嘗試創建一個空的數組變量,將該數組的第一個值設置爲文檔中元素的內容,然後將該文本張貼在警報窗口中以查看其是否有效。到目前爲止,當我點擊按鈕時,我收到的所有內容都沒有。

echo "<button type='button' onClick='updateForm()'>Update Record</button>"; 
    echo "<button type='button' href='locator.php'>Cancel Changes</button>"; 
    echo "<hr></form>"; 

    mysqli_close($conn); 
?> 

<script language="javascript" type="text/javascript"> 
    function updateForm() { 
     var form_arr = []; 
     form_arr[0] = document.getElementById('id_cubenum'); 
     window.alert(form_arr[0]); 
    } 
</script> 

感謝您的關注!

回答

1

試試這個:

document.getElementById('id_cubenum') will return only object. 
You need to get values from object property. 

So use it like this 
document.getElementById('id_cubenum').value 
  • 感謝
+0

那很美。如果可以的話,我會給你+代表,但不幸的是,由於我對這個網站的新穎性,我無法做到。萬分感謝! –

+0

你總是歡迎兄弟....! –

1

你目前收到null在您的通知?

要獲取的內容,你的代碼應該是這樣的......

window.alert(form_arr[0].value); 

下面是一個example ...

OR,如果你想設置的值一個文本框,你可以用這樣的東西:

document.getElementById('id_cubenum').value = "ABCDE"; 

這是example,以及...

+1

這做到了。這些東西很難在網上搜索/在Stack中搜索。謝謝您的幫助! –

0

我認爲你可以這樣做:

var controlsValues = new Array(); 
for(var i = 0; i < document.forms[index].elements.length; i++) { 
    controlsValues.push(document.forms[index].elements[i].value); 
}