將一個文本框選定值分配給另一個JQuery自動完成

Question

我試圖將一個文本框的選定值分配給另一個文本框。我正在使用下面的腳本。當我在Firefox瀏覽器控制檯中檢查時，我注意到狀態變量（c_search.php？state）沒有任何價值。

請讓我知道我需要用腳本做些什麼改變。

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<script> 
    $(function() { 
     $("#statename").autocomplete({ 
      source: 'search.php' 
     }); 
    }); 
    $(function() { 
     $("#cityname").autocomplete({ 
      source: 'c_search.php?state='+$('#statename').val() 
     }); 
    }); 
</script> 

<form> 
<div class="ui-widget"> 
    <label for="statename">State: </label> 
    <input id="statename"> 

    <label for="cityname">City: </label> 
    <input id="cityname"> 
</div> 
</form> 

Answer 1

我認爲你正在尋找像這 -

而且你輸入字段聲明看起來怪異me.Keep記住，你不應該DOM多次加載像你現在正在做的方式autocompletechange變化的方法。

應該

<input type="text" id="statename" class="inputLarge" /> 

和自動完成變更事件是

$(document).ready(function(){ 

$('#statename').on('autocompletechange change', function() { 

    $("[name='some text box']").val(this.value); 
    PopulateCitybyState(this.value);  

}).change(); 
}); 

function PopulateCitybyState(statename){ 
    $("#cityname").autocomplete({ 
     source: 'c_search.php?state='+ statename 
    }); 
}