JQuery値を取得できません

Question

この入力フィールドの値をJQueryで取得することはできません。タスク名の値だけを取得し、他のものは未定義です。私たちは値を得ることができません。私たちはMVCを使用しています。

<script> 
    var name; 
    var intro; 
    var sdate; 
    var edate; 
    var layer; 
    $(document).ready(function() { 
     $("#submit").on("click", function() { 
      name = $("#validate-text").val(); 
      intro = $("#intro").get().val(); 
      layer = $("#layer option:checked").val(); 
      sdate = $("#sdate").val(); 
      edate = $("#edate").val(); 

     }); 
    }); 
    console.log(name, intro, layer, sdate, edate); 
</script> 

Answer 1

を使用し、このコード：

<script> 
    var name; 
    var intro; 
    var sdate; 
    var edate; 
    var layer; 
    $(document).ready(function() { 
     $("#submit").on("click", function() { 
      name = $("#validate-text").val(); 
      intro = $("#intro").get().val(); 
      layer = $("#layer option:checked").val(); 
      sdate = $("#sdate").val(); 
      edate = $("#edate").val(); 
      console.log(name + ", "+ intro + ", "+ layer + ", "+ sdate + ", "+ edate); 
     }); 
    }); 
</script> 

Answer 2

問題は、コンソールログを外部の文書readyイベントで、そこに変数が定義されていないということです。あなたは自分に割り当てられた値を確認するためにイベントリスナー内でコンソールログを追加することができます。

var intro; 
 
var sdate; 
 
var edate; 
 
var layer; 
 
$(document).ready(function() { 
 
    $("#submit").on("click", function(e) { 
 
    e.preventDefault(); 
 
    intro = 2; 
 
    layer = 3; 
 
    sdate = 4; 
 
    edate = 5; 
 
    console.log(intro, layer, sdate, edate); // here variables have assigned values 
 
    }); 
 

 
}); 
 
console.log(intro, layer, sdate, edate); // here variables are undefined

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

 
<input type="submit" id="submit" value="submit" />