2017-04-20 97 views
0

我有下面輸入:語義UI - 搜索輸入 - 增加價值的輸入

<div class="ui search kunde-search"> 
    <input class="semantic-input prompt" value="" name="client" type="text" placeholder="Common passwords..."> 
    <div class="results"></div> 
</div> 

我使用的是語義的用戶界面,以使用搜索功能,然後搜索我的具體的東西數據庫:

$('.kunde-search') 
    .search({ 
    apiSettings: { 
     url: '/api/softbox/retrieve_clients&q={query}', 
    }, 

    onResponse: function(response) { 
     return response; 
    }, 
    onSelect: function(result){ 
     console.log(result.client_id); 
     $('.semantic-input').val(result.client_id); 
    }, 

    minCharacters : 3 
    }); 

result.client_id值是正確的,並被填充。控制檯日誌顯示正確的值。但是,我無法將此值添加到input

回答

0

古怪的是,它的工作只是報廢return false;語句,並使用它像這樣:

onSelect: function(result){ 
      $('input[name="client_id"]').val(result.client_id); 
     }, 
0

嘗試改變輸入值等之後使用return false

onSelect: function(result){ 
    console.log(result.client_id); 
    $('.semantic-input').val(result.client_id); // add id 
    $('.results').removeAttr('style').hide(); // hide it forcefully 
    return false; // prevent default functionality. 
}, 
+0

這幾乎工程。我可以選擇值並填充輸入 - 但是,當我選擇值時,.results div不會隱藏 – oliverbj