Question

此代码的目标是通过我的Chrome扩展程序中的简单表单获取用户输入。当用户提交表单时，我希望将input字段中的值添加到myNames数组中。

在popup.html

  <form class="my-form">
    <input placeholder="Enter a name" class="name-to-submit"></input>
    <a href="#" class="primary button submit">Add Name</a>
  </form>

在popup.js

    var newName = $('.name-to-submit').val();
    if ($('.submit').click() && newName !== "") {
    ... do some stuff
    }

我的问题是newName总是以""的形式出现，我无法弄明白为什么......

我应该使用anchor tag将button更改为input还是type=submit？

或者做点什么？

任何帮助将不胜感激！

Answer 1

点击事件是否与您的主播相关联？这应该在输入文本后将其设置为。

$(".submit").click(function(){
 var newName = $('.name-to-submit').val();
alert(newName);
});

http://jsfiddle.net/HARR2/

编辑：如果您想在用户点击输入时（在表单提交时）触发此事件

$(".my-form").submit(function(){
 var newName = $('.name-to-submit').val();
alert(newName);
});

http://jsfiddle.net/HARR2/2/

Answer 2

我总是声明输入元素的type属性。您的名称输入元素是否具有属性type =“text”？

尝试在弹出窗口中提交表单并获取已提交的值

2 个答案: