2017-04-20 68 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