Problem: Das Formular funktioniert gut in Chrom, Firefox, Safari und IE 9 auf aktuelle Version. In IE8 funktioniert das Formular jedoch nicht.Formular zeigt keine Ergebnisse
Nicht funktionieren, was ich meine ist, wenn Sie wählen Sie eine Stadt in der Dropdown-Box und wählen Sie eingeben, aktualisiert die Seite. Es gilt für die anderen Textfelder/Dropdown-Felder im Formular.
Im Folgenden ist der Pfad zur Seite: http://www.regalmed.com/index.cfm/urgent-care-finder/
Ich habe zu kopieren versucht, und fügen Sie ihn, was ich zu den anderen Seiten getan haben und es ersetzen durch manuell zu tun, was ich auf dem Formular tat , aber es aktualisiert weiterhin die Seite.
Jede Hilfe wäre willkommen.
Aktualisierung: Folgendes ist das Formular. Das einzige, was mir einfällt, ist, dass der Platzhalter am Anfang gelesen wird. Das heißt, wenn das Formular geladen wird, wird der Platzhalter als "Postleitzahl" betrachtet und unten erscheint ein Fehler. Nicht sicher, was los ist,
<!---<!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>
--->
My observa Wenn der Fokus in einem Dropdown-Menü liegt und Sie die Eingabetaste drücken, passiert nichts. Mit Textfeldern, Ankreuzfeldern usw. drücken Sie die Eingabetaste, um das Formular abzuschicken. Ich interpretiere das als Standard-Browserverhalten. Willst du etwas anderes erreichen? Wenn ja, was versuchst du zu erreichen und wie willst du das machen? –
@DanBracuk Wenn der Benutzer zum Beispiel eine Stadt betritt, wird er eine Liste mit dringenden Sorgen innerhalb dieser Stadt oder der umliegenden Städte aufnehmen. Stattdessen wird jedoch ein Fehler am unteren Rand der Seite angezeigt. –
Ich habe Ihr Formular in IE8 getestet und ich bekomme den Fehler, dass Winkel in der unteren linken Ecke des Browsers undefiniert ist, ist das auf Ihrem Ende gleich oder Sie haben andere Fehler @RobertoFlores –