Question

我正在尝试将输入/选择的值输入搜索栏以保持显示在其下方，在“显示14个调色板中的5个...”

这是我使用的实时原型的the link。

我在下面使用的get set函数，它允许我这样做，但是这似乎出现在API启动之前，并且一旦结果加载就会消失，任何想法为什么？

  $(document).ready(function() {

    $("#button").click(function(event) {

      var un = $('#nobg').val();

      greeting = un;

      $("#displayUserName").text(greeting);

    });

  });

Answer 1

我认为问题是您的JS代码被正确执行，但随后您的表单被提交并导致页面重新加载。

尝试在其中粘贴event.preventDefault（），如下所示：

$(document).ready(function() {

    $("#button").click(function(event) {

      event.preventDefault();

      var un = $('#nobg').val();

      greeting = un;

      $("#displayUserName").text(greeting);

    });

});

Answer 2

当您发送搜索查询时，页面会重新加载 - 输入到输入字段的值将消失。您需要让搜索函数以某种方式返回该值 - 并使用JavaScript抓取它并将其放回div中，或者通过php将其输出到适当的位置。

jQuery Get / Set on输入框值消失

2 个答案: