javascript - 仅当选择选项时才在多个表单上显示提交按钮

Question

仅当选择了一个选项时，我才需要在同一页面上的许多表单上显示提交按钮。

我有:

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

所以，仅当选择了选择的选项时，我才需要显示提交按钮谢谢!!!

Answer 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(); 
        }
    });

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