2013-02-26 2 views
0

나는 선택 가능한 값을 가진 html "양식"에서 작업하고 있습니다. 나는 값을 선택하면 페이지가 URL을로드하고 같은 시간에 폼의 리셋을 할 것이다. (기본값을 선택하면 선택한 코드가있다. = "selected").재설정 가능한 양식 (URL 포함)

두 결과를 따로 얻을 수 있습니다. 이 작업을 함께하면 페이지로드 기능이 하나만 (데스크톱 브라우저에서 작동하지만 모바일에서 작동해야 함)

사용자가 값을 선택한 후 ///////

: 이전 페이지에서 다시 설정하는 것은, 값이 선택 발견 할 것이다, 그는 내가 당신에게 코드없이 jQuery로 다른 하나를 보여 다시

그것을 선택할 수 없습니다 /////////////////////////////// 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> 

////////////////////////////////////////////////////////////////////

<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> 

없이 //////// ////////////////////////////////// ///////////////////////

일부 도움이됩니까?

+0

양식을 재설정하더라도 일부 브라우저는 캐시에 값을 보관하여 계속 선택합니다. 내가 너라면 그 페이지에 들어갈 때 양식을 다시 만들거야. – Jules

답변

0

일부 브라우저는 양식 데이터를 캐시에 저장하며 마지막 데이터로 양식을 자동 완성합니다. 그래서 내가 당신이라면 페이지로드시 양식을 다시 설정합니다.

+0

문제는 브라우저 캐시가 아닙니다. 문제는 URL을로드하기 전에 페이지가 양식을 빨리 재설정 할 수 없다는 것입니다. 그리고 양식을 지우면 URL을로드하지 않습니다 – user2112273

+0

내 모바일에서 이전 페이지로 돌아 가면 페이지가 다시로드되지 않습니다 – user2112273

+0

그러면 URL을 가져 와서 변수에 저장해야합니다. 양식을 지운 다음 저장 한 URL로 리디렉션하십시오. 그러나 문제는 일부 브라우저가 formdata를 저장하고 있다는 것입니다. 전에이 문제가 있었고 예를 들어 리디렉션 전에 양식을 지운 후에 IE의 일부 버전이 여전히 양식 데이터를 표시하고있었습니다. 말이되지 않습니다. 그러나 유일한 해결책은 페이지가로드 될 때이를 지우는 것입니다. 시도 해봐. 나는 전에이 문제에 몇 시간을 보냈다. – Jules