Show submit button on multiple forms only if option selected答案

【问题标题】：Show submit button on multiple forms only if option selectedShow submit button on multiple forms only if option selected
【发布时间】：2014-09-26 16:54:29
【问题描述】：

我只有在选择一个选项时才需要在同一页面上的许多表格上显示提交按钮。

我有：

<form id="1">
    <input type="text">
    <select>
        <option value="">Select one value</option>
        <option value="1">value 1</option>
        <option value="2">value 2</option>
    </select>
    <input type="submit">
</form>

and

<form id="2">
  <input type="text">
  <select>
    <option value="">Select one value</option>
    <option value="1">value 1</option>
    <option value="2">value 2</option>
  </select>
  <input type="submit">
</form>

所以，我只需要在选择选项时才显示提交按钮谢谢！！！

【问题讨论】：

先学点javascript和jquery，再来SO
到目前为止你尝试了什么？？？？
HERE 你会找到你需要的一切

标签： javascript jquery html forms

【解决方案1】：

这是一个与您一起工作的示例 html http://jsfiddle.net/g188o5eg/

    $('select').on('change', function(){
        if($(this).val() != ''){
             $(this).parent().find('input[type="submit"]').show();   
        } else {
            $(this).parent().find('input[type="submit"]').hide(); 
        }
    });

它适用于您网站上的所有表单 :)

【讨论】：

非常感谢！它完美地工作！我尝试了几个小时，但没有得到有效的结果（对于许多表格，因为只有一个很简单......）
太好了，很高兴我能帮上忙。现在你可以接受这个答案了:)
:( :( :( "投票需要 15 声望"

【解决方案2】：

尝试这样的事情（可以使用多个选择框（使用最近的提交）：

<form>
  <input type="text">
  <select class="select">
    <option value="">Select one value</option>
    <option value="1">value 1</option>
    <option value="2">value 2</option>
  </select>
 <input type="submit" class="submitbutton">

<script type="text/javascript">

$('.submitbutton').hide();

$('.select').click(function() {
   $(this).closest('.submitbutton').show();
});

</script>

【讨论】：