jquery - 从javascript表jquery按类型和占位符名称设置输入字段的值

Question

我有一个从引导程序动态生成的表，它包含一个用于过滤结果的搜索字段。输入搜索字段是这样生成的

HTML

<input class="form-control" type="text" placeholder="Search" >

查询

$(document).ready(function() {
    $('input[type="text"][placeholder="Search"]').val("test");
});

我还尝试将其也添加form-control到其中，但效果不佳。

$('input[class="form-control"][type="text"][placeholder="Search"]').val("test");

这个 jfiddle实际上可以正常工作，但我怀疑从引导表中动态加载搜索字段并没有捕捉到它。

Answer 1

您可以使用 searchText(data-search-text) 选项：设置搜索属性时，初始化搜索文本。

<table id="table" data-search="true" data-search-text="bootstrap">

见例子：http: //jsfiddle.net/s6g3r786/2/

Answer 2

看了这里的github源码：https ://github.com/wenzhixin/bootstrap-table/blob/master/src/bootstrap-table.js ，发现836行很有意思，好像是他触发了搜索文本框keyup事件的搜索更新，所以......

setTimeout(function() {
    $('input[type="text"][placeholder="Search"]')
        .val("bootstrap")
        .trigger('keyup');
},0);

还有欧拉！

参见示例：http: //jsfiddle.net/jchandra/s6g3r786/