How do I auto submit a dropdown when a value is selected other than the first value?答案

【问题标题】：How do I auto submit a dropdown when a value is selected other than the first value?How do I auto submit a dropdown when a value is selected other than the first value?
【发布时间】：2022-02-09 07:00:37
【问题描述】：

当前代码：

<select name='PreviousReceiver' onchange='this.form.submit()'>
     <option value='0'>Contact List</option>
     <option value='1'>blah</option>
     <option value='2'>blah2</option>
     <option value='3'>blah3</option>
</select>

所以我有这个下拉框，当用户点击它时会自动提交。它按原样工作正常，但如果用户选择了第一个值，我不希望它提交（见上文）。

换句话说，如果用户点击联系人列表，那么我不希望它提交表单。

我试过这个：

 onchange="if(this.value != '0') this.form.submit()"

但这只是让它永远不会激活。

有什么建议吗？

【问题讨论】：

见 jsfiddle.net/arunpjohny/QbJsS/1 它似乎在工作
如果您使用的是 jQuery，那么我相信它是 .val 而不是 .value

标签： javascript jquery html

【解决方案1】：

尝试不带引号并检查。

DEMO HERE

<form method="post">
    <select name='PreviousReceiver' onchange='if(this.value != 0) { this.form.submit(); }'>
         <option value='0'>Contact List</option>
         <option value='1'>blah</option>
         <option value='2'>blah2</option>
         <option value='3'>blah3</option>
    </select>
</form>

【讨论】：

【解决方案2】：

尝试在更改时调用函数（使用 jquery）：

<select name='PreviousReceiver' onchange='DoSubmit(this);'>
 <option value='0'>Contact List</option>
 <option value='1'>blah</option>
 <option value='2'>blah2</option>
 <option value='3'>blah3</option>
 </select>

这里是你的 javascript 函数：

function DoSubmit(sel)
{
     if(sel.val()!='0') this.form.submit();
}

【讨论】：

【解决方案3】：

也许你想要这样的东西？这也禁用了第一项的选择

<select name='PreviousReceiver' onchange='this.form.submit()'>
  <option selected disabled>Contact List</option>
  <option value='1'>blah</option>
  <option value='2'>blah2</option>
  <option value='3'>blah3</option>
</select>

【讨论】：

这个答案和上面说的一样，你需要把它说得更清楚或者差别不大。

【解决方案4】：

你必须写javascript关键字

见HERE

 <form>
<select name='PreviousReceiver' onchange="javascript: if(this.value != '0') this.form.submit(); else alert('hello');" >
    <option value='0'>Contact List</option>
    <option value='1'>blah</option>
    <option value='2' selected>blah2</option>
    <option value='3'>blah3</option>
</select>
 </form>

【讨论】：