ajax form wählen update funktioniert nicht mit jNice

Question

ist neu zu jquery und ajax, ich habe ein kleines problem, das ich bin sicher, hat eine einfache lösung! Ich habe ein Formular wählen Update von einem DB-Aufruf mit jquery und ajax, wenn ich das Formular mit j wickeln das Ajax-Update funktioniert nicht mehr. Ich habe gesucht und festgestellt, dass die Verwendung der $ .jNice.SelectUpdate-Funktion das Problem lösen sollte, aber nicht in der Lage ist, es zur Arbeit zu bringen, würde jede Hilfe geschätzt werden.

mit Code Editiert:

function getLocation() { 
$.ajax({ 
    type:"POST", 
    url: "formdata.asp", 
    dataType: "application/x-www-form-urlencoded", 
    data: "Action=GetLocation&Val=" + $("#area").val(), 
    async: false, 
    success: function(msg){ 
     $("label[id$=Two]").add("select[id$=Two]").remove(); 
     $("#loclist").append(msg); 
    } 
}) 
} 

(ohne jNice Klasse die zweite Form wählen Updates)

<form class="jNice" method="post" action="searchresults.asp"> 
<fieldset id="loclist"> 
<legend id="lgdloclist" title="Locations">Locations</legend> 
<label id="lblOne" for="ddlOne" title="Select an Option">Select an Option:</label> 
    <select id="area" style="width:175px; display:block;"> 
    <option value="">Choose..</option> 
    <option value="hse">HSE</option> 
    <option value="nvq">NVQ</option> 
    <option value="made4">Made4</option> 
</select> 
<br /> 
</fieldset> 
<input type="submit" name="submit" value="Search" /> 
</form> 

Answer 1

Sie müssen zwei Dinge in Ihrem Ajax success Methode tun:

(1) Aktualisieren Sie die select s Liste von options mit etwas wie diesem (here ‚s einige nützliche Informationen über die Aktualisierung select s:

var selectEl = $("#area").get(0); 
select.options[selectEl.options.length] = new Option("1234", "1234"); 

Hier finden Sie die Daten von Ihrem $.ajax Anruf in der Option Konstruktor setzen müssen.

(2) Anruf jNice der SelectUpdate Funktion:

$.jNice.SelectUpdate(selectEl); 

prüfen ein einfaches Beispiel aus (eine neue Option hinzugefügt wird, wenn Sie auf "Suchen"): http://jsfiddle.net/andrewwhitaker/w5wwy/