在jquery-inputToken中发送额外数据

时间:2014-05-21 12:07:54

标签: jquery

我正在尝试使用jquery-inputToken

在服务器上发送一些额外的数据进行搜索
<input type="text" id="dsp_filter" name="dsp_ids" />
<input type="text" id="user_filter" name="user_ids" />
 <button class="btn btn-primary" type="button" onclick="makeSearch();">Filter Search</button>

<script type="text/javascript">
    $(document).ready(function() {
        $("#dsp_filter").tokenInput(BASE+"/report-by/filter/dsp", {
            theme: "facebook",
            preventDuplicates: true
        });
        $("#user_filter").tokenInput(BASE+"/report-by/filter/user?dsp_ids="+$('#dsp_filter').val(), {
            theme: "facebook",
            preventDuplicates: true
        });
        $('#toggleElement').on('click', function() {
            $('#filterElements').toggle();
        });
    })
    function makeSearch() {
        console.log('dsp '+$('#dsp_filter').val() + ' user '+$('#user_filter').val() )
    }
</script>

在上面的代码中,当我点击“过滤搜索”时,我可以看到ID,但是当我从过滤器用户发送数据时。数据未提交。有人能告诉我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

$("#user_filter").tokenInput()已在文档准备中初始化。因此,当加载文档时,该值可能为空。但是,您的makesearch()是由按钮触发的,这可能会起作用。

所以将$("#user_filter").tokenInput()移动到某个用户事件。或者确保在加载文档时有值。