用jQuery替换Typeahead启用的输入字段值

时间:2015-04-15 07:42:30

标签: javascript jquery typeahead.js bootstrap-typeahead

我正在尝试使用jQuery替换Typeahead启用的输入字段值。但是当我点击输入字段后替换值后,它将值更改为原始选定值。

如果我选择" US-DC"然后使用jQuery显示" 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);
    }
 })  
});

提前致谢。

2 个答案:

答案 0 :(得分:0)

你的意思是这样吗?

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/

答案 1 :(得分:0)

尝试使用$("#country-id").typeahead('val', countryVal)代替t.val(countryVal),只要“country-id”是预先输入有界输入的ID。