无法为我的自动完成框分配新值

Question

我创建了一个可以在法语和英语之间切换的搜索页面。因此，当用户搜索记录并切换到法语时，它会显示他们在英文页面上查看的相同记录。

我想要做的是在页面切换时在搜索框中显示记录名称。我认为它就像执行 $('#inputID').val(record); 一样简单但它似乎没有工作。我已经提醒了记录名称并且它工作正常，所以我很难过。所有脚本也都正确链接，所以这不是问题。

自动填充框代码

<div id="ui-widgit">
  <label for="searchParams">
  <h1>Search All Programs (By Screen Number or By Error Code):</h1>
  </label>
  <input type="text" id="inputID" name="inputID" value="" class="ipt_Design" style="width:255px;" />
  <input type="button" value="Search" name="searchBtn" class="btn_Design" onclick="showSearch(inputID.value)"/>
</div>

尝试用这个改变inputID的值

$('#inputID').val(recordToggle);

也试过这个：

$('#inputID input').val(recordToggle);

Answer 1

很难用您提供的标记来判断，但我假设您在页面刷新后尝试更改 $('#inputID') 的值。将此代码放在哪里很重要。如果将它放在<input type="text" id="inputID" name="inputID" value="" class="ipt_Design" style="width:255px;" /> 之前，您将不会使用$('#inputID') 返回任何内容，因此您将更改nothing 的值到您的文本中。它不会出错。要解决此问题，您可以使用：

$( document ).ready(function(){
  $('#inputID').val(recordToggle);
});

请务必阅读jQuery's ready 函数，因为load 可能是更好的选择。

如果这不能解决您的问题，请告诉我。我会更新我的答案。