Javascript 更改具有插值的输入值字段

Javascript 更改具有插值的输入值字段,javascript,jquery,input,interpolation,Javascript,Jquery,Input,Interpolation,我试图在单击按钮时重置一个值,只需使用JQuery设置.val()。最奇怪的事情发生了——我的代码只对状态下拉列表有效,而对其他输入无效,这些输入的值与SWIG插值内联,如下所示: <input type="text" class="moving-input form-control" id="first-name-search" value="{{search.firstName}}"> 奇怪的是,如果我尝试运行$('first name search').val('hello'

我试图在单击按钮时重置一个值,只需使用JQuery设置.val()。最奇怪的事情发生了——我的代码只对状态下拉列表有效,而对其他输入无效,这些输入的值与SWIG插值内联,如下所示:

<input type="text" class="moving-input form-control" id="first-name-search" value="{{search.firstName}}">
奇怪的是,如果我尝试运行$('first name search').val('hello');在控制台中,它直接在浏览器中工作,但在单击按钮时不工作

$('#perform-new-search').click(function() {

    $('#first-name-search').val('hello');
    $('#last-name-search').val('');
    $('#results-states option:selected').val('Select State');
})
好像它在起作用


检查

正确,它应该可以工作,但是html输入值本身的插值使它无法工作。(value=“{search.firstName}}”)这应该很有用-[link]
$('#perform-new-search').click(function() {
    $('#first-name-search').val('hello');
    $('#last-name-search').val('');
    $('#results-states option:selected').val('Select State');
})
$('#perform-new-search').click(function() {

    $('#first-name-search').val('hello');
    $('#last-name-search').val('');
    $('#results-states option:selected').val('Select State');
})