Javascript 带有url的可重置表单
我在一个html“表单”中使用可选值。我希望当我选择一个值时，页面会加载一个URL，同时我会重置表单（选择默认值，即代码为selected=“selected”）的值） 我可以分别得到这两个结果。如果我试图使这些功能一起工作，页面加载只需一个功能（在桌面浏览器中工作，但我需要它们在移动设备中工作） 我需要，因为如果用户在选择一个值后，决定返回上一页，将找到所选的值，并且他不能再次选择它 我向您展示了代码，一个包含jquery，另一个不包含： ///////////////////////////////////////////////////jqueryJavascript 带有url的可重置表单,javascript,html,forms,Javascript,Html,Forms,我在一个html“表单”中使用可选值。我希望当我选择一个值时，页面会加载一个URL，同时我会重置表单（选择默认值，即代码为selected=“selected”）的值） 我可以分别得到这两个结果。如果我试图使这些功能一起工作，页面加载只需一个功能（在桌面浏览器中工作，但我需要它们在移动设备中工作） 我需要，因为如果用户在选择一个值后，决定返回上一页，将找到所选的值，并且他不能再次选择它 我向您展示了代码，一个包含jquery，另一个不包含： ///////////////////////////
<head>
<script type='text/javascript' src='jquery.min1.7.2.js'></script>
<SCRIPT LANGUAGE="Javascript">
$(function(){
// bind change event to select
$('#titolo').on('change', function () {
var url = $(this).val(); // get selected value
if (url) { // require a URL
this.selectedIndex = 0;
window.location = url; // redirect
}
return false;
});
});
</script>
</head>
<body>
<form name="contatto" id="contatto">
<SELECT name="titolo" size="1" id="titolo" style="WIDTH: 441px" LANGUAGE="javascript">
<OPTION selected="selected"></OPTION>
<OPTION value="www.ciao.it">01</OPTION>
<OPTION value="www.ciao1.it">02</OPTION>
<OPTION value="www.ciao2.it">>03</OPTION>
</SELECT>
</form>
</body>
$（函数（）{
//绑定要选择的更改事件
$（'titolo'）。关于（'change'，函数（）{
var url=$（this）.val（）；//获取所选值
if（url）{//需要一个url
此参数。selectedIndex=0；
window.location=url；//重定向
}
返回false；
});
});
01
02
>03
<head>
<SCRIPT LANGUAGE="Javascript">
function resetcampi() {
document.forms['contatto'].titolo.selectedIndex = 0;
}
</script>
</head>
<body>
<form name="contatto" id="contatto">
<SELECT name="titolo" size="1" id="titolo" style="WIDTH: 441px" LANGUAGE="javascript"
onchange="location.href=contatto.titolo.value; resetcampi()">
<OPTION selected="selected"></OPTION>
<OPTION value="www.ciao.it">01</OPTION>
<OPTION value="www.ciao1.it">02</OPTION>
<OPTION value="www.ciao2.it">>03</OPTION>
</SELECT>
</form>
</body>
函数resetcampi（）{
document.forms['contatto'].titolo.selectedIndex=0；
}
01
02
>03
有些帮助？？？有些浏览器将表单数据存储在缓存中，并用最后的数据自动填充表单。如果我是你，我会在页面加载时重置表单：
<script type="text/javascript" language="javascript">
$(document).ready(function() {
//Reset the form when you load the page
resetForm();
//Go to the selected URL when the user selects a url
$('#titolo').change(function() {
var url = $(this).val();
if (url.length > 0) {
window.location = url;
}
});
});
function resetForm() {
$('#contatto').each(function() {
this.reset();
});
}
</script>
$（文档）.ready（函数（）{
//加载页面时重置表单
resetForm（）；
//当用户选择URL时，转到所选URL
$（'#titolo'）。更改（函数（）{
var url=$（this.val（）；
如果（url.length>0）{
window.location=url；
}
});
});
函数resetForm（）{
$（'#contatto'）。每个（函数（）{
这是reset（）；
});
}