用jQuery替換啟用Typeahead的輸入字段值

Question

我正在嘗試使用jQuery替換啟用Typeahead的輸入字段值。 但是，當我單擊輸入字段后替換了值之后，它將值更改為原始選擇的值。

如果我選擇“ US-DC”，則使用jQuery顯示“ US”。

如果單擊輸入字段，則它將值“ US”替換為值“ US-DC”！

我正在使用以下代碼-

$("#country-id").bind("change", function(e){
var country = $(this).val();

var t = $(this);

$.ajax({
    url: './state',
    type: 'post',
    data: 'id='+country,
    cache: false,
    dataType:'json',

    success: function(data) {
        var countryVal = country.split("-",1);
        console.log(countryVal);
        t.val(countryVal);
    }
 })  
});

提前致謝。

Answer 1

你的意思是這樣嗎？

jQuery("#btnClick").on("click", function(){
    var countryVal = jQuery("#testInp").val().split("-", 1);
    console.log(countryVal);
    jQuery("#testResult").val(countryVal);
});

您可以在jsfiddle-> http://jsfiddle.net/ChoHongRae/zvkkb5fr/1/中進行檢查

Answer 2

嘗試使用$("#country-id").typeahead('val', countryVal)代替t.val(countryVal) ，只要“ country-id”是t.val(countryVal)輸入的有界輸入的ID。