Захват формы ввода onBlur для создания запроса

Сначала немного фона ... Я работаю над проектом базы данных, который собирает свои данные через веб-форму из печатных этикеток, связанных с музейными образцами. Часть формы включает несколько полей Locality, таких как страна, штат, округ и местоположение. Часто эти экземпляры не имеют географических координат (широта, долгота), связанных с ними, поэтому они должны быть ретроспективно привязаны к географии. У меня есть значок как часть формы, которая ссылается на веб-приложение, которое построит точку, если заданы значения из полей формы, перечисленных выше.Захват формы ввода onBlur для создания запроса

Так что, если возможно, то, что я хотел бы сделать, - это указать, что данные для базы данных вводят данные локации в форму. Когда они заполняют поля локали, событие javascript onblur или onchange будет генерировать запрос (например,? Country = xxx & state = xxxcounty = xxx & location = xxx, где xxx - это данные, взятые из формы onblur), поэтому что его можно добавить к ссылке значка, чтобы получить доступ к веб-приложению сопоставления. В некоторых случаях образцы могут не иметь данных для всех локальных полей, что может немного усложнить ситуацию (??), но приложение сопоставления построено для его обработки.

Пример Поле ввода:

<input name="country" placeholder="Country" onblur="if(this.value != '') { SOME CODE HERE??;}" required="required" type="text"/>

Икона + Ссылка:

<a href="http://www.museum.tulane.edu/geolocate/web/WebGeoref.aspx?country=xxx&state=xxx&county=xxx&locality=xxx" class="lytebox" data-title="Find Lat/Long" data-lyte-options="width:1000px height:800px scrollbars:no"><img title="Click to georeference location using GEOLocate." alt="" height="16" src="images/world.png" width="16" class="auto-style5"></a>

Я не очень хорошо знаком с яваскрипт и я искал вокруг справедливый бит для решения, которое аналогично к этой проблеме, но до сих пор я опустел.

Я надеюсь, что кто-то может помочь.

источник

2013-03-01 user2121627

Что вы хотите сказать? –

В принципе, если кто-то набирает USA в поле Country в форме и затем переходит к следующему полю, событие js onblur должно запускать и обновлять ссылку на сайт сопоставления с именем страны в строке запроса (например, & country = USA) , То же самое касается полей состояния, округа и местности. Надеюсь, я это четко заявляю. Дайте мне знать, если вам нужна дополнительная информация. – user2121627

Хорошо, после нескольких часов возиться, я думаю, что я понял это.

Сценария я придумал идет в заголовке:

<script type="text/javascript"> 
    function check_onblur() { 
     var country = document.getElementById('country').value; 
     var state = document.getElementById('state').value; 
     var county = document.getElementById('county').value; 
     var locality = document.getElementById('locality').value; 

     document.getElementById('geolink').href = "http://www.museum.tulane.edu/geolocate/web/ 
      WebGeoref.aspx?country=" + country + "&state=" + state + "&county=" + county 
      + "&locality=" + locality; 
    } 
    </script>

Пример поле ввода на форме:

<input id="country" tabindex="14" name="country" placeholder="Country" 
     onblur="check_onblur();" required="required" type="text"/>

Image Link, что обновления на основе записи поля формы:

<a id="geolink" href="http://www.museum.tulane.edu/geolocate/web/WebGeoref.aspx" 
    class="lytebox" data-title="Get Latitude/Longitude from Locality Data" data-lyte- 
    options="width:1000px height:780px scrollbars:no"><img title="Click to georeference 
    location using GEOLocate." alt="" height="16" src="images/world.png" width="16" 
    class="auto-style5"></a>

Это обновление базового URL с помощью querysting после возникновения события onblur. Все хорошо ....

источник

2013-03-01 21:40:03 user2121627

Захват формы ввода onBlur для создания запроса

ответ

Смежные вопросы