使用javascript將值分配給html元素

我有這個函數getOrderNumber（），我想使用javascript getTime（）創建唯一的訂單號。然後我需要函數getOrderNumber以某種方式爲html元素賦值。我嘗試了我在這裏沒有工作的一些迭代。

任何幫助，將不勝感激。

<form action="https://www.someurl/saocctest.cgi" method="post"> 

<!--get unique order number--> 
<script> 
function getOrderNumber() { 
    var d = new Date(); 
    var n = d.getTime(); 
    form.elements("orderNumber").value=n; 
} 
</script> 

<input type="hidden" name="orderNumber">

來源

2016-09-15 got2b

好像你需要做更多的研究。我不確定你真的想在這裏完成什麼。什麼叫你的功能？變量「形式」來自哪裏？也許這將有助於：http://www.w3schools.com/js/js_htmldom_html.asp – OneHoopyFrood

我覺得這是你追求的

<form id="myForm" action="https://www.someurl/saocctest.cgi" method="post"> 

<script> 
function getOrderNumber() { 
    var myForm = document.getElementById('myForm'); 
    var d = new Date(); 
    var n = d.getTime(); 
    myForm.elements[0].value = n; 
} 
</script> 

<input type="hidden" name="orderNumber">

通知你很可能只是給輸入自己的ID和更改值的方式例如

<input type="hidden" name="orderNumber" id="myOrderNumber">

然後

document.getElementById('myOrderNumber').value = n;

而且使用document.getElementById("myForm").elements[0].value = 'hello';時按這裏其他的答案，你是在窗體中瞄準的第一個元素，如果你添加上述這另一種元素，那麼你將更新錯誤的音符項目值。

正如我剛纔提到的那樣，最安全的選擇是在輸入本身上放置一個id，然後將其作爲目標。

來源

2016-09-15 21:45:56

JavaScript不會以這種方式創建HTML頁面元素的全局引用。在現代瀏覽器中，如果你有一個具有特定標識符的元素，你可以直接從它在全局對象中的id中獲取它。

例如

<div id="my-id"></div>

alert(this['my-id'])

凡this，window，如果你不是在嚴格模式下，如果你在全球範圍內是。

其實，如果你想有一個跨瀏覽器的等價的方式來獲得form元素，

document.getElementsByTagName('form')[0]

每個DOM元素具有的方法，如getElementsByTagName，getElementsByClassName，（這些返回HTMLCollection，看起來像一個數組，但它不是）...

document是一個對象，其中包含getElementById方法，該方法返回具有特定標識符的第一個元素。另外，如果您想要獲取表單元素，請使用我引用的方法，或者僅使用特定子的'name'屬性索引表單引用。這是跨瀏覽器使用HTMLElement().getElementsByTagName等

只有輸入元素具有value財產。您可以更改innerHTML或innerText（他們是獲得者/設置者）;

來源

2016-09-15 21:46:06 Hydro

設置ID名稱到您的HTML表單

，然後在功能使用該分配值

document.getElementById("myForm").elements[0].value = 'hello';

要不添加ID /類輸入，並使用

的分配

document.getElementById('id'); // Using Id 
document.getElementsByClassName('class')[0]; // Using class

它會工作

演示：https://jsbin.com/molagu/2/edit?html,js,output

來源

2016-09-15 21:59:40 KrishCdbry

使用javascript將值分配給html元素

回答

相關問題