從表單傳遞參數到JavaScript函數

Question

我無法弄清楚如何做到這一點。 我想，使用表單中的字段作為變量調用JavaScript函數。

我有這個：

 <form> <select name="users" onchange="showUser(this.value)"> <option value="">Select a person:</option> <option value="1">Peter Griffin</option> <option value="2">Lois Griffin</option> <option value="3">Joseph Swanson</option> <option value="4">Glenn Quagmire</option> </select> </form> 

從一個例子，但我需要的是這個，但不起作用：

 <form onsubmit="myFunction(this.num_cluster)"> Num. Cluster: <input type="text" id="num_cluster"> <input type="submit"> </form> 

雲有人幫幫我嗎？ 謝謝 ：）

Answer 1

將id更改為name - 之后您可以訪問輸入字段的值

 function myFunction(form, event) { event.preventDefault(); alert(form.num_cluster.value); } 

 <form onsubmit="return myFunction(this, event)"> Num. Cluster: <input name="num_cluster" type="text"> <input type="submit"> </form> 

問題更有趣 - 我們可以在提交時擴展我們的方法

 function s(form, event) { event.preventDefault(); var values = Array.prototype.slice.call(form.elements) // as form elements are not an array .filter(function(element) { return element.type !== 'submit'; // I don't need submit button }) .map(function(element) { return (element.name + ': ' + element.value); // get name and value for rest form inputs and assign them to values variable }); alert('values => ' + values.join(', ')) // finish } 

 <form onsubmit="return s(this, event)"> <p>Foo: <input type="text" name='foo' /> </p> <p>Bar: <input type="text" name='bar' /> </p> <p>Baz: <select name='baz'> <option value="lorem">lorem</option> <option value="ipsum">ipsum</option> </select> </p> <p> <input type="submit" /> </p> </form> 

Answer 2

function myFunction(){
  var value=document.getElementById("num_cluster").value;

///  value has the actual thing that you need
//... rest of your code
}

即使在onsubmit事件中也可以通過直接在那里編寫java腳本來使用此語句。