讓我的函數可以使用已加載的元素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

回答

相關問題