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

Answer 1

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

console.log('sup')

您也使用了错误的 ID

模板显示#main_search但您正在使用#searchBar

我想你正在尝试这个

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

Answer 2

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

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

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

更改为$('#main_search')

Answer 3

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

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

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

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

Answer 4

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

Answer 5

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