使用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');
});