Javascript/ HTML传输表单控件提交
Javascript/ HTML Transferring form Controls to submit
我一直在尝试创建一个有5个文本框,1个下拉框和一个文本区域的表单。我的意图很简单;从下拉菜单中选择一个选项(第一个选项除外,即"——选择——"),将内容输入文本框和文本区域。一旦我点击提交所有上述输入的信息应该得到附加到特定的链接,是硬编码到每个下拉选项。
我的挑战是,当我点击提交时,控件没有被传递到新的表单,即所需的页面打开,但表单字段没有被输入。我已经交叉核实并确认id是正确的。我猜我在验证中犯了一个错误。请指出我的错误。
Javascript代码<script type="text/javascript">
function dpdown(form)
{
var a="&name="+document.getElementById('name').value; //textbox
var b="&job_id="+document.getElementById('job_id').value;//textbox
var c="&major"+document.getElementById("major').value;//textbox
var d="&native="+document.getElementById('native').value;//textbox
var e="&age="+document.getElementById('age').value;//textbox
var f="&details="+encodeURIComponent(document.getElementById('details').value);//textarea
var i, counter = 0;
var ddl = document.getElementById("jobs");//dropdown
var selectedValue = ddl.options[ddl.selectedIndex].value;
for(var i=0; i < obj.options.length; i++)
{
if(obj.options[i].selected) // to check if the person has chosen a suitable degree
if (selectedValue == "selectdegree")
{
alert("Please select your correct degree");
}
else
{
++counter;
window.open('https://'+form.elements[i].value+a+b+c+d+e+f,'_blank'); // when the submit button is clicked, all the above fields should get appended to a preset link which has been hardcoded for each degree.
}
}
}
function cleartext()// to clear the form (works correctly)
{
document.form.details.value='';
}
HTML代码
<form onsubmit="dpdown(this); return false;"> // at the beginning of the form
'
'
'
'
<input type="submit" value=" Create form" /> // not working
<input type='reset' value='Clear Ticket' name='reset' onclick="return resetForm(this.form);cleartext();"> // works well
请检查。
<html>
<head>
<script language="javascript">
function dpdown(){
var a="&name="+document.getElementById('name').value; //textbox
var b="&job_id="+document.getElementById('job_id').value;//textbox
var c="&major"+document.getElementById('major').value;//textbox
var d="&native="+document.getElementById('native').value;//textbox
var e="&age="+document.getElementById('age').value;//textbox
var f="&details="+encodeURIComponent(document.getElementById('details').value);//textarea
var i, counter = 0;
var ddl = document.getElementById("jobs");//dropdown
var selectedValue = ddl.options[ddl.selectedIndex].value;
for(var i=0; i < ddl.length; i++)
{
if(ddl.options[i].selected) // to check if the person has chosen a suitable degree
if (selectedValue == "selectdegree")
{
alert("Please select your correct degree");
}
else
{
++counter;
value=ddl.options[i].value;
window.open('https://'+value+a+b+c+d+e+f,'_blank'); // when the submit button is clicked, all the above fields should get appended to a preset link which has been hardcoded for each degree.
}
}
}
function cleartext()
{
document.form.details.value='';
}
</script>
</head>
<body>
<form>
<input type="text" id="name"/>
<input type="text" id="job_id"/>
<input type="text" id="major"/>
<input type="text" id="native"/>
<input type="text" id="age"/>
<input type="textarea" id="details"/>
<select id="jobs" >
<option value="www.google.com">google</option>
<option value="www.yahoo.com">yahoo</option>
<option value="www.stackoverflow.com">stackoverflow</option>
</select>
<input type="button" value=" Create form" onclick="dpdown();"/>
<input type='reset' value='Clear Ticket' name='reset' onclick="return resetForm(this.form);cleartext();">
</form>
</body>
</html>
相关文章:
- 音频控件在mouseover上显示,在mouseout上淡出
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 如何在读取XLS/XLSX本地文件时,使用IE的javascript代码启用未标记为安全的ActiveX控件
- Windows形成web浏览器控件和Javascript更改的DOM
- 如何将javascript事件从web浏览器wpf控件发送到wpf的c#代码
- 如何更改文本框控件的不透明度值
- 所有控件的组合框
- 创建一个方法,通过一个窗口进行迭代并获取Titanium中的所有控件
- 在提交表单之前更改控件背景颜色,但如何在验证通过时重置颜色
- 使用 AJAX 提交表单并提交阻止和发送文件控件 C# 的选定文件
- asp.net mvc 服务器是否可以查看在父级执行提交时动态创建的控件
- 在 ASP.NET Web 窗体中显示 HTML 控件的名称(输入类型为“提交”)
- 如何使用 HTTP 发布在 ASPX 页中提交部分或全部控件
- 如何在PHP中提交表单后,在新页面上显示使用HTML文件控件上传的图像
- Javascript/ HTML传输表单控件提交
- 提交一个表单onsubmit首先使用ajax控件
- 为什么RequiredFieldValidator控件在为提交按钮添加OnClientClick事件后不工作
- jQuery文件上传控件提交大文件错误
- 为什么表单提交后$_POST数组中没有来自select控件的选中元素的值
- 按钮加载和控件属性在表单提交时没有改变