如何获取具有Onchange属性的表单中的所有值
How to get all values in a form with Onchange attribute
当用户在下拉列表中选择一个选项时,我试图获取表单中的所有值。我正在使用Onchange属性,但我不知道如何通过该属性将所有值发送到submitForm()。
<input type="hidden" name="var1" value="..." />
<input type="hidden" name="var2" value="..." />
<input type="hidden" name="var3" value="..." />
<select name="var4" onchange="submitForm([var1 var2 var3 var4]);return false">
<option value="1">Choice 1</option>
<option value="2">Choice 2</option>
</select>
<script>
function submitForm(var1, var2, var3, var4)
{
var OAjax;
if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP');
OAjax.open('POST',"return.php",true);
OAjax.onreadystatechange = function()
{
if (OAjax.readyState == 4 && OAjax.status==200)
{
if (document.getElementById)
{
document.getElementById('msg').innerHTML=''+OAjax.responseText+'';
}
}
}
OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
OAjax.send(var1='+var1+'&var2='+var2'&var3='+var3'&var4='+var4);
}
</script>
感谢
由于js方法中没有使用jQuery,我假设您并没有真正使用jQuery。
在这种情况下
<select name="var4" onchange="submitForm();">
然后
function submitForm() {
//get the input elements by name and then read its value
var OAjax, var1 = document.getElementsByName('var1')[0].value,
var2 = document.getElementsByName('var2')[0].value,
var3 = document.getElementsByName('var3')[0].value,
var4 = document.getElementsByName('var4')[0].value;
if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP');
OAjax.open('POST', "return.php", true);
OAjax.onreadystatechange = function () {
if (OAjax.readyState == 4 && OAjax.status == 200) {
if (document.getElementById) {
document.getElementById('msg').innerHTML = '' + OAjax.responseText + '';
}
}
}
OAjax.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
//create a parma string using the input values
OAjax.send('var1=' + var1 + '&var2=' + var2 '&var3=' + var3 '&var4=' + var4);
}
相关文章:
- 从表单中获取用户输入执行计算(操作顺序)并输出回该表单
- 如何从未定义的表单中获取req.body
- 使用 JQuery 从表单中获取 javascript 多维数组
- jQuery从表单中获取数据
- 如何使用 HTML 中的表单框获取用户输入
- Jquery 停止提交并从表单中获取数据
- 如何从HTML表单中获取用户输入并将其存储在现有的JavaScript数组中
- 从HTML表单中获取计算得到的JavaScript数据,并将其作为新元素添加到相同的表单操作中以使用PHP保存
- 从带有代码的HTML表单中获取所有输入字段名称
- Html:如何从表单中获取输入值
- 如何在 AngularJS/Express 应用程序中从表单中获取数据
- 如何从Adobe Interactive表单中获取客户端机器的IP地址
- 无法从 Javascript 生成表单中获取数据
- 在提交表单之前获取上传图像的图像高度和宽度
- Javascript - 从表单中获取复选框值并获取随机结果
- 从表单提交获取 JSON 响应
- JS - 从表单中获取输入并将其放入数组中,然后将新行附加到表中(DOM)
- 如何使用 Vue 从表单中获取所有数据
- 在jquery中通过$.ajax提交表单后获取成功信息
- 从动态创建的表单中获取数据