只有在選擇了選項的情況下在多個表單上顯示提交按鈕

只有在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

只有在選擇了選項的情況下在多個表單上顯示提交按鈕

回答

相關問題