jQuery：在 while 循环内形成表单

发布于 2024-10-02 13:57:13 字数 630 浏览 1 评论 0原文

我在 PHP 的 while 循环中有一个表单。有 action="javascript:block_grade($id)"，但是当我在 block_grade 函数中发出警报（id）或警报（lvl）时，我从所有循环中收到相同的数字？

这是我的循环内部：

echo '<form action="javascript:block_grade('.$show['id'].')" method="post">';
echo 'Change blockgrade: ';
echo '<input type="text" name="lvl" size="1" value="'.$show['lvl'].'">';
echo '<input type="submit" value="Save">';
echo '</form>';

这是我的底部函数：

<script>
function block_grade ( id ) {
var lvl = $('input[name=lvl]').val();
alert(lvl);
alert(id);
}
</script>

我该如何解决这个问题，还有比这更有效的方法吗？

原文

I have a form inside a while loop in PHP. There is action="javascript:block_grade($id)", but when i alert(id) or alert(lvl) in the block_grade function, I receive the same numbers from all the the loops?

This is inside my loop:

echo '<form action="javascript:block_grade('.$show['id'].')" method="post">';
echo 'Change blockgrade: ';
echo '<input type="text" name="lvl" size="1" value="'.$show['lvl'].'">';
echo '<input type="submit" value="Save">';
echo '</form>';

This is my function at bottom:

<script>
function block_grade ( id ) {
var lvl = $('input[name=lvl]').val();
alert(lvl);
alert(id);
}
</script>

How can I solve this, and is there any more effective way than this, maybe?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

卖梦商人 2024-10-09 13:57:13

我更希望看到 JavaScript 直接附加事件处理程序，然后您可以轻松地执行与表单相关的操作。

echo '<input type="text" name="lvl" size="1" value="'.$show['lvl'].'">';
echo '<input type="hidden" name="id" size="1" value="'.$show['id'].'">';

然后：

$('form').submit(function() {
    var id = $(this).find('input[name=id]').val();
    var lvl = $(this).find('input[name=lvl]').val(); 
});

除了其他优点之外，这还释放了 action 属性，因此您可以填写一个脚本，无需 JavaScript 即可在必要时直接处理此请求。

但更重要的是（您原来的问题），它确保您查看的是正确 lvl 字段，而不仅仅是第一个 lvl 字段 jQuery 碰巧在 DOM 中遇到。

I'd prefer to see JavaScript attach the event handler directly and then you can easily do things relative to the form.

echo '<input type="text" name="lvl" size="1" value="'.$show['lvl'].'">';
echo '<input type="hidden" name="id" size="1" value="'.$show['id'].'">';

Then:

$('form').submit(function() {
    var id = $(this).find('input[name=id]').val();
    var lvl = $(this).find('input[name=lvl]').val(); 
});

Among other advantages, this frees up the action property so you can fill in a script that can directly process this request without JavaScript if necessary.

But more to the point (of your original question), it ensures that you're looking at the correct lvl field, and not just the first lvl field jQuery happens to come across in the DOM.

回复收藏 0 原文