只有在选择了选项的情况下在多个表单上显示提交按钮

只有在select中的一个选项被选中时，我才需要在同一页面上的多个表单上显示提交按钮。只有在选择了选项的情况下在多个表单上显示提交按钮

我：

<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>

所以，我需要证明的提交按钮只有在选择的选项被选择谢谢！

来源

2014-09-26 Ionut B.

先学习一些javascript和jquery，然后来到SO – 2014-09-26 08:45:03

你到目前为止尝试过什么？ – 2014-09-26 08:45:24

[这里]（http://api.jquery.com/change/）你会找到你需要的一切 – szpic 2014-09-26 08:48:22

该工作示例与你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(); 
     } 
    });

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

来源

2014-09-26 08:54:29

非常感谢！它完美的工作！我尝试了几个小时，但我没有得到一个工作结果（对于很多形式，因为只有一个很简单...） – 2014-09-26 09:02:54

太棒了，很高兴我能提供帮助。现在你可以接受这个答案:) – 2014-09-26 09:06:42

:(:(:(“投票要求15声望” – 2014-09-26 09:10:21

尝试是这样的（将有多个选择框的工作（使用最近提交）：

<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>

来源

2014-09-26 08:52:29 derdida

只有在选择了选项的情况下在多个表单上显示提交按钮

回答

相关问题