jquery on live(click) 提交表单答案

【问题标题】：jquery on live(click) submit formjquery on live(click) 提交表单
【发布时间】：2011-05-25 15:13:07
【问题描述】：

我想要做什么，我有一个下拉框，可以让我的管理员用户对 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>

【问题讨论】：

标签： jquery html click submit live

【解决方案1】：

如果你想在 onchange 事件触发时提交表单，代码如下：

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

【讨论】：

+1，我还要补充一点，表单需要一个动作和一个方法，而不是一个 ID。

【解决方案2】：

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

    return true;
});

【讨论】：

【解决方案3】：

应该够了

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

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

或者如果你想通过.live() 动态加载表单，那么使用

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

【讨论】：

【解决方案4】：

您的代码目前的问题是您的用户无法选择“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

【讨论】：

【解决方案5】：

working demo

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

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

【讨论】：