Question

<h1 class="test">Hello</h1>

<form>
    <input class="rInput">
    <button id="submit">Search</button>
</form>

脚本：

 $('#submit').on('click', function(event) {
      event.preventDefault();
      var value = $('.rInput').val();
      console.log(value);
      $(".test").css('background-color', rInput);
    });

以上是我的代码，基本上我想要做的是使用用户的输入来确定类将具有什么背景颜色，但背景颜色似乎不接受输入，因为它包含“”（至少这个我认为问题是，我可能是错的）。

所以我的问题是 - 如何从用户输入中删除变量，如上所示，或者如何解决我的问题？

Answer 1

如果您调试代码，则会出现语法错误。您将用户输入的值存储在变量中，而不是使用它来设置颜色。这是解决方案

 $('#submit').on('click', function(event) {
      event.preventDefault();
      var value = $('.rInput').val();
      console.log(value);
      $(".test").css('background-color', value);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 class="test">Hello</h1>

<form>
    <input class="rInput">
    <button id="submit">Search</button>
</form>

从输入生成的字符串中去除引号

1 个答案: