jquery - 切换输入的隐藏值时出现问题

Question

我想在高级和普通之间切换隐藏输入的值？但下面的脚本不起作用，什么也没有发生。

$('#advancedLink').click(function () {
  $("#searchType").val($(this).text() == 'normal' ? 'advanced' : 'normal');
  return false;
});  

但是，如果我切换普通和高级的位置，它会工作一次，但如果我再次点击它不会切换回正常。

$('#advancedLink').click(function () {
  $("#searchType").val($(this).text() == 'normal' ? 'normal' : 'advanced');
  return false;
});  

但是最后一种方式对我来说似乎相当不直观。有任何想法吗？

编辑
这是渲染的 HTML

<div>
    <div class="left" id="searchControl">
        <a id="advancedLink" href="#">Advanced search</a><br>
    </div>
    <input type="hidden" value="normal" name="searchType" id="searchType">
</div>

Answer 1

您正在检查链接的值，但正在设置文本框的值。由于链接的值永远不会改变，因此文本框的值也不会改变。

这是一个 fiddle :http://jsfiddle.net/GKfWB/

$('#advancedLink').click(function () {
  $("#searchType").val($('#searchType').val() == 'normal' ? 'advanced' : 'normal');
  console.log($("#searchType").val())
  return false;
});