jquery on live(点击)提交表单

发布于 2024-11-09 19:38:51 字数 410 浏览 2 评论 0原文

我想做的是，我有一个下拉框，可以让我的管理员用户对图片进行 G 级和 X 级评级。一旦他们选择了此选项，我希望提交表格。

我以为这就像发送表单 ID 一样简单，但似乎并非如此。

这是用户需要在表单中执行的唯一操作。

html 表单看起来像这样

<form id="photo1">
<input id="1" name="pictureid" hidden /> 
<select name="phototype">
 <option value="G">G Rated</option>
 <option value="X">X Rated</option>
</select>
</form>

原文

what I want to do, this I have a drop down box that lets my admin users rate pictures G rated and X rated. once they have selected this option I would like the form to be submitted.

I thought it would be as easy as sending the form ID, but seems not.

this is the only thing the user needs to do in the form.

the html form looks like this

<form id="photo1">
<input id="1" name="pictureid" hidden /> 
<select name="phototype">
 <option value="G">G Rated</option>
 <option value="X">X Rated</option>
</select>
</form>

分享到QQ

分享到微博

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

发布评论

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

把人绕傻吧 2024-11-16 19:38:51

如果您想在 onchange 事件触发时提交表单，请使用以下代码：

$('#photo1 select').change(function () {
        $("#photo1").submit();
    });

If you want to submit the form when the onchange event is fired, this is the code:

$('#photo1 select').change(function () {
        $("#photo1").submit();
    });

回复收藏 0 原文

独﹏钓一江月 2024-11-16 19:38:51

$('#photo1 select').change(function() {
    $('#photo1').submit();

    return true;
});

$('#photo1 select').change(function() {
    $('#photo1').submit();

    return true;
});

回复收藏 0 原文

放我走吧 2024-11-16 19:38:51

这应该足够了，

$('select[name="phototype"]').change(function(){
  this.form.submit();
});

它会自动找到相对形式，因此它也可以应用于多种形式。

或者，如果由于动态加载表单而希望使用 .live() 实现此目的，则使用

$('select[name="phototype"]').live('change',function(){
  this.form.submit();
});

This should be enough

$('select[name="phototype"]').change(function(){
  this.form.submit();
});

It finds the relative form automatically, so it can apply to multiple forms as well.

Or if you want this with .live() due to loading forms dynamically, then use

$('select[name="phototype"]').live('change',function(){
  this.form.submit();
});

回复收藏 0 原文

桃气十足 2024-11-16 19:38:51

当前代码的问题是您的用户无法选择“G 级”，因为它是默认选择的。您应该添加一个空白选项。您可能还需要隐藏元素的值：

<form id="photo1">
    <input id="1" name="pictureid" value="1" hidden /> 
    <select name="phototype" id="phototype">
        <option value=""></option>
        <option value="G">G Rated</option>
        <option value="X">X Rated</option>
    </select>
</form>

然后您可以使用以下 jQuery：

$('#phototype').change(function() {
    if (this.value) {
        $(this).closest('form').submit();
    }
});

jsFiddle

The problem with your code currently is that your user can't select "G-rated", because it's selected by default. You should add a blank option. You probably also need a value for your hidden element:

<form id="photo1">
    <input id="1" name="pictureid" value="1" hidden /> 
    <select name="phototype" id="phototype">
        <option value=""></option>
        <option value="G">G Rated</option>
        <option value="X">X Rated</option>
    </select>
</form>

You could then use the following jQuery:

$('#phototype').change(function() {
    if (this.value) {
        $(this).closest('form').submit();
    }
});

jsFiddle

回复收藏 0 原文

帝王念 2024-11-16 19:38:51

工作演示

$('select').change(function(){
    $(this).closest('form').submit();   
});

$('select').live('change',function(){
    $(this).closest('form').submit();   
});

working demo

$('select').change(function(){
    $(this).closest('form').submit();   
});

$('select').live('change',function(){
    $(this).closest('form').submit();   
});

回复收藏 0 原文

~没有更多了~