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