从jQuery中的另一个页面检索按钮值答案

【问题标题】：Retrieving button value from another page in jQuery从jQuery中的另一个页面检索按钮值
【发布时间】：2014-02-05 15:30:21
【问题描述】：

我有以下 jQuery 为 JSON 数组中的每个条目创建一个 div 元素

var res = $('#videoContainer');
$.each(msg, function (index, e) {
    var newdiv = $('<form action = "makeNotes.html" method = "get"><button name="video"                
      value=' + e.ID + '><div class="videos">' + e.ID + e.Name + e.Directory + '<div></button></form>');
    res.append(newdiv);
});

在操作页面“makeNotes.html”上，我想获取已单击按钮的值（e.ID）。

有人可以用 JQuery 帮助我做到这一点吗？请原谅我对jQuery的了解不足，如果我也错误地完成了上述代码，请提出建议。

谢谢

【问题讨论】：

你能澄清你的问题吗？听起来您想在下一页上获取单击按钮的 id，但该按钮不是 type=submit。该按钮是否应该使您导航到下一页？您也可以创建一个 jsfiddle 链接，以更清楚地说明您要做什么。
是的，当单击按钮时，我希望导航到下一页，并可以访问所选按钮的“值”字段

标签： jquery ajax forms button

【解决方案1】：

使用.on()

res.on('click', 'form[action="makeNotes.html"] button', function () {
    alert(this.id);
});

Event Delegation

Attribute Equals Selector [name="value"]

【讨论】：

【解决方案2】：

我不认为这是一个 jQuery 问题——这听起来像是一个 HTML 表单问题。

我建议在表单中创建第二个输入元素：<input type='hidden' name='videoId' value='" + e.ID + "'/>

另外，你可能想要<input type='submit' ...>而不是<button ...>

【讨论】：