2013-12-13 139 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); 
}