Question

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

我有：

＆＃13;

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

＆＃13;

所以，只有选择了select选项时才需要显示提交按钮感谢!!!

Answer 1

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

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

Answer 2

这是一个包含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(); 
        }
    });

它适用于您网站上的所有表单：）

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

2 个答案: