使用 JQuery 设置文本框的值答案

【问题标题】：Set value of textbox using JQuery使用 JQuery 设置文本框的值
【发布时间】：2013-07-07 15:21:18
【问题描述】：

我的翡翠模板 -

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 在测试中的值统计。我做错了什么？

【问题讨论】：

【解决方案1】：

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

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

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

更改为$('#main_search')

【讨论】：

【解决方案2】：

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

console.log('sup')

另外你使用了错误的id

模板显示#main_search，但您使用的是#searchBar

我想你正在尝试这个

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

1) 你叫错了试试：

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

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

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

【讨论】：

【解决方案5】：

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

【讨论】：