让我的函数可以使用已加载的元素Jquery

我有一组输入框，如果单击添加更多按钮，则可以添加更多和更多的这些窗体。在我的表单中，我可以提交数据，并在重新加载页面时显示。如果选择框的值为0，我已经设法让它警报。但是，这不适用于我的附加选择框。让我的函数可以使用已加载的元素Jquery

我使用的警报的jQuery是这样的：

function valid() { 
     if($j("select option:selected").val() == 0) { 

      alert("Nothing is Selected"); 

     } if($j("select option:selected").val() != 0) { 

      alert("Everything Is Selected"); 
     } 
    } 

$j("#submit-form").click(function(event){ 
     valid(); 
     /* Stops The Button From Submitting */ 

     event.preventDefault(); 

     /* Doing Ajax Stuff */ 
});

当我附上另一个选择框来我的表格，这并不考虑新添加的选择框。我怎样才能把这个考虑在页面上的所有选择页面上？我试图把我的功能放在文档就绪功能中，或者当我追加选择框但是这仍然不起作用。

这里是我的jsfiddle https://jsfiddle.net/benEdpa/0sLad9t5/19/

来源

2016-03-08 Ben

你应该工作是什么，假设'select'元素在引发点击事件之前正确添加到DOM。你可以在http://jsfiddle.net上添加一个显示问题的工作示例。顺便说一句，如果你提交表单，你应该钩住表单的'submit'事件，而不是点击一个按钮。 –

你好，这是我的js小提琴https://jsfiddle.net/benEdpa/0sLad9t5/19/ – Ben

使用.each()演示中使用的.class到.each()


 
$('#is-add').on('click',function(){ 
 
    var opt = [ 
 
    '<option value="0">0</option>', 
 
    '<option value="1">1</option>', 
 
    ].join(''); 
 
    
 
    $('#in-box').append($('<select>',{'class':'sel-class'}).append(opt)); 
 
    
 
}); 
 
    
 
$('#is-submit').on('click',function(){ 
 
    var sel_val = [] 
 
    $('.sel-class').each(function(){ 
 
     sel_val.push($(this).val()); 
 
    }); 
 

 
    if(sel_val.indexOf('0') === -1){ 
 
     $('h1').html('true go next process'); 
 
     return true; 
 
    }else{ 
 
     $('h1').html('false select value = "0"'); 
 
     return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="in-box"> 
 
    <select class="sel-class"> 
 
    <option value="0">0</option> 
 
    <option value="1">1</option> 
 
    </select> 
 
    </div><br/> 
 
<a href="#" id="is-add">add</a><br/> 
 
<a href="#" id="is-submit">valid test</a> 
 
<h1></h1>

来源

2016-03-08 10:45:34

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Demo</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script type="text/javascript"> 
     function valid() { 
      if ($("select option:selected").val() == "0") { 
       alert("Nothing is Selected"); 
      } if ($("select option:selected").val() != "0") { 
       alert("Everything Is Selected"); 
      } 
     } 
     $(document).ready(function() { 
      var str = "<select>"; 
      str += "<option value=\"0\">ALL</option>"; 
      str += "<option value=\"1\">1</option> "; 
      str += "<option value=\"2\">2</option> "; 
      str += "</select>"; 
      $('#ddlappend').append(str); 
      $("#submit").click(function (event) { 
       valid(); 
       /* Stops The Button From Submitting */ 
       event.preventDefault(); 
       /* Doing Ajax Stuff */ 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div> 
     <div id="ddlappend"></div> 
     <div> 
      <input type="submit" id="submit" value="Submit" /> 
     </div> 
    </div> 
</body> 
</html>

来源

2016-03-08 11:58:39 baj9032

你好！这不起作用。我试图添加我的追加到文件准备好了，它仍然不起作用 – Ben

Whats Error Coming ?? – baj9032

我没有得到一个错误我仍然得到同样的问题，该功能不与附加的表单一起工作。 – Ben

让我的函数可以使用已加载的元素Jquery

回答

相关问题