如何使用 javascript 而不是 HTML 5 设置表单按钮的范围

发布于 2024-11-08 03:51:01 字数 301 浏览 0 评论 0原文

因此，在 HTML 5 中，您可以使用 form 属性将表单外部的按钮设置为指向该表单。有没有办法在 JavaScript 中做到这一点？我需要对 this.form 的所有引用都指向页面上其他位置的表单。我已经尝试过：

<input type="button" onclick="this.form = document.forms['MyForm']; this.form.name.value = 'Blah' />

但没有成功。有办法做到这一点吗？

原文

So in HTML 5, you can set buttons outside of a form to point to that form by using the form attribute. Is there a way to do this in Javascript? I need all references to this.form to point to a form somewhere else on the page. I've already tried:

<input type="button" onclick="this.form = document.forms['MyForm']; this.form.name.value = 'Blah' />

But with no success. Is there a way to do this?

分享到QQ

分享到微博

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

发布评论

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

日记撕了你也走了 2024-11-15 03:51:01

每个表单元素都应该有一个唯一的 ID，因此您可以在不引用表单的情况下更改元素的值，如下所示：

document.getElementById('your_field_id').value = 'Blah';

要提交表单，请使用 document.forms：

document.forms['MyForm'].submit();

Each of your form elements should have a unique ID, so you can change the value of the element without referencing the form, like this:

document.getElementById('your_field_id').value = 'Blah';

To submit the form, use document.forms:

document.forms['MyForm'].submit();

回复收藏 0 原文

雨后咖啡店 2024-11-15 03:51:01

<input type="button" onclick="submitForm()" />

function submitForm() {
    document.forms["myform"].submit();
}

<input type="button" onclick="submitForm()" />

function submitForm() {
    document.forms["myform"].submit();
}

回复收藏 0 原文

贩梦商人 2024-11-15 03:51:01

使用 jquery 做这样的事情怎么样？

<html>
    <head>
        <title>Test Form</title>
    </head>
    <body>
        <form>
            <input type="text" id="test" />
            <input type="submit" value="Submit" />
        </form>
        <input type="button" id="button" value="button" />
        <script type="text/javascript">
            $("#button").click(function(){
                $("#test").val("Hello World!");
            });
        </script>
    </body>
</html>

What about something like this using jquery?

<html>
    <head>
        <title>Test Form</title>
    </head>
    <body>
        <form>
            <input type="text" id="test" />
            <input type="submit" value="Submit" />
        </form>
        <input type="button" id="button" value="button" />
        <script type="text/javascript">
            $("#button").click(function(){
                $("#test").val("Hello World!");
            });
        </script>
    </body>
</html>

回复收藏 0 原文

~没有更多了~