php - 有什么原因这行不通吗？

Question

一个简单的 HTML 表单:

<form enctype="application/x-www-form-urlencoded" method="post" action="/view/album/id/4"><ol>
<li class="no-padding"><div class="element">

<input type="hidden" name="media" value="" id="media" /></div></li>
<li class="no-padding"><div class="button">
<input type="submit" name="add_to_favorites" id="add_to_favorites" value="Add To Favorites" /></div></li></ol></form>

JQuery:

$('#add_to_favorites').hover(function() {
    var id = 10;
    // alert(id);
    $('#media').val(id);
});

这基本上意味着当您将鼠标悬停在表单的提交按钮上时，jQuery 将设置 10 作为 #media 隐藏字段的值。

当我点击提交按钮时，隐藏字段返回 NULL:

var_dump($_POST);
// this will return:
// array(2) { ["media"]=>  NULL ["add_to_favorites"]=>  NULL }

编辑:

我使用alert()测试了“var id”的值和隐藏字段值，它们设置正确。

编辑2:

页面上还触发了一个 click() 事件，完整代码如下:

$(document).ready(function() {
    $('.box-content2 a').click(function() {
        var path = $(this).attr('href');
        var title = $('img', this).attr('alt');
        var id = $(this).attr('id');
        $('#media-photo img').attr('src', path);
        $('#media-photo img').attr('alt', title);
        $('#media-photo img').attr('id', id);
        return false;
    });

    $('#add_to_favorites').hover(function() {
        var id = 10;
        $('#media').val(id);
    });
});

Answer 1

原因是 Val() 只获取第一个匹配元素的输入值，因此您不能使用它来将单个属性设置为值，要在匹配元素上设置属性，请使用 attr 函数，如下 attr (键，值)

更多详情查看this和 this