문제점 : 양식이 Chrome, Firefox, Safari 및 IE 9에서 현재 버전으로 잘 작동합니다. 그러나 IE8에서는 양식이 작동하지 않습니다.양식에 결과가 표시되지 않음
내가 작동하지 않는다면, 드롭 다운 상자에서 도시를 선택하고 입력을 선택하면 페이지가 새로 고침됩니다. 양식의 다른 텍스트 상자/드롭 다운 상자에 적용됩니다. 내가 복사하고 내가 다른 페이지에 무슨 짓을 붙여 수동으로 내가 양식에 한 일을 수행하여 교체하는 것을 시도했다 http://www.regalmed.com/index.cfm/urgent-care-finder/
:
다음 페이지의 경로입니다 하지만 페이지를 새로 고치기를 계속합니다.
도움을 주시면 감사하겠습니다.
업데이트 : 다음은 양식입니다. 내가 생각할 수있는 유일한 점은 처음부터 자리 표시자를 읽는 것입니다. 즉, 폼이로드 될 때 자리 표시 자 "우편 번호"를 고려하면 오류가 맨 아래에 나타납니다. IE8의 경우
<!---<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.min.css" />
<![endif]-->
</head>
<body>--->
<cfquery name="UCarecityFind" datasource="Data">
SELECT Distinct officecity FROM UrgHosp
where utilizedspecialty in (<cfqueryparam value="#name_list1#" list="true" cfsqltype="cf_sql_varchar">)
and network not like (<cfqueryparam value="#'%name_list2%'#" list="true" cfsqltype="cf_sql_varchar">)
and Company in (<cfqueryparam value="#name_list3#" list="true" cfsqltype="cf_sql_varchar">)
order by officecity
</cfquery>
<div class="panel panel-default">
<div class="panel-body">
<form name="UrgentCareSearch" ng-submit="SearchUrgentCare(searchParam);" novalidate="" role="form">
<div class="form-group">
<input class="form-control" id="urgentcare" ng-model="searchParam.UrgentCareName" placeholder="Urgent Care Name" type="text" />
</div>
<div class="form-group">
<SELECT name="proCity" class="form-control margin-bottom1" placeholder="City" ng-model="searchParam.City">
<option disabled="disabled" selected="selected" value="">City</option>
<option value=""></option>
<cfoutput query="UCarecityFind">
<option value=#officecity#>#officecity#</option>
</cfoutput>
</select>
</div>
<hr />
<div style="margin-top:-10px; margin-bottom:10px; text-align:center; font-size:8pt! important">* or Search by Zip code radius *</div>
<div class="row">
<div class="col-xs-7 no-right-padding">
<div class="form-group">
<div class="input-group"><select class="form-control" name="distance" ng-model="searchParam.Distance" ng-options="mile.value for mile in miles"><option selected="selected" value=" "></option><option >5</option><option>10</option><option>15</option><option>20</option></select>
<div class="input-group-addon">miles</div>
</div>
</div>
</div>
<div class="col-xs-5 no-left-padding widthZip">
<div class="form-group"><input allow-pattern="[\d\W]" class="form-control" id="zip" maxlength="5" ng-model="searchParam.Zip" placeholder="Zip code" type="text" /></div>
</div>
</div>
<div class="form-group"><input class="btn btn-warning btn-block" ng-click="gotoElement('SearchResultsAnchor');" type="submit" value="Search" /></div>
</form>
</div>
</div>
<script>
var probablyPhone = ((/iphone|android|ie|blackberry|fennec/).test(navigator.userAgent.toLowerCase()) && 'ontouchstart' in document.documentElement);
function initialize() {
(function($) {
$('.call').css("text-decoration", "none");
$('.call').css("color", "black");
$('.call').css("cursor", "default");
})(jQuery);
}
$(document).ready(function(){
$('#zip').on("change",function(){
$('#city option[value=""]').prop('selected',true).trigger('input');
/*console.log('input');*/
});
$('#city').on("change",function(){
$('#zip').val('').trigger('input');
/*console.log('change');*/
});
});
</script>
<!---
</body>
</html>
--->
내 observa 초점이 드롭 다운에 있고 Enter 키를 누르면 아무 일도 일어나지 않는다는 것입니다. 텍스트 상자, 체크 상자 등을 사용하여 enter를 누르면 양식이 제출됩니다. 나는 이것을 기본 브라우저 동작으로 해석 할 것입니다. 당신이 뭔가 다른 것을 얻으려고하고 있습니까? 그렇다면 무엇을 성취하려고합니까? 어떻게 그렇게하려고합니까? –
@DanBracuk 예를 들어 사용자가 도시에 들어 오면 해당 도시 또는 주변 도시의 긴급 요원 목록을 가져옵니다. 그러나 대신 페이지 하단의 오류가 발생합니다. –
IE8에서 양식을 테스트 한 결과 브라우저의 왼쪽 하단 모서리가 정의되지 않았거나 끝점에서 동일하지 않거나 다른 오류가있는 오류가 발생합니다. @RobertoFlores –