javascript - 使用 JQuery 设置文本框的值

Question

我的翡翠模板 -

input#main_search.span2(
    style = 'height: 26px; width: 800px;' ,
    type = 'text',
    readonly='true',
    name='searchBar',
    value='test'
)

JS 文件 -

$('#searchBar').val('hi')
console.log('sup')

控制台输出 -

sup

但是searchBar在测试中价值统计数据。我究竟做错了什么？

score 16 · Accepted Answer

您正在sup直接记录，这是一个字符串

console.log('sup')

你也使用了错误的id

模板说#main_search，但你正在使用#searchBar

我想你正在尝试这个

$(function() {
   var sup = $('#main_search').val('hi')
   console.log(sup);  // sup is a variable here
});

score 5 · Accepted Answer

确保你有正确的选择器，然后等到页面准备好并且元素存在，直到你运行函数。

$(function(){
    $('#searchBar').val('hi')
});

正如 Derek 指出的那样，ID 也是错误的。

改成$('#main_search')

score 2 · Accepted Answer

1）你叫它错误的方式尝试：

$(input[name="searchBar"]).val('hi')

2）如果它不起作用，请在页面末尾调用您的 .js 文件或在 document.ready 事件上触发您的函数

$(document).ready(function() {
  $(input[name="searchBar"]).val('hi');
});

score 1 · Accepted Answer

您使用该 jQuery 选择器定位了错误的项目。您的name搜索栏是searchBar，而不是id。您要使用的是$('#main_search').val('hi').

score 0 · Accepted Answer

0

$(document).ready(function() {
 $('#main_search').val('hi');
});

于 2013-12-26T11:25:51.937 回答

5 回答 5