Jquery入力フィールドの変更された値を取得できません

Question

jqueryを使用して変更された入力フィールド値を取得しようとしましたが、ドロップダウンのjavascriptイベントが選択されています。 私は、物事が正確にどこに間違っているのか分かりません。これはdomツリーリフレッシュ（.live）に関連するものですか？どんな助けや提案も素晴らしいでしょう。ありがとう。

/* adding the value to user_val input field id in javascript onload function based on drop down select event*/ 
document.getElementById('user_val').Value = "abcd"; 


/* then trying to get value which changed */ 
$(document).ready(function() { 
      $("#submits").click(function() {   
       alert($("#user_val").val()); 
}); 

Answer 1

clickイベントハンドラ機能を終了していません。このように変更します。

$(document).ready(function() { 
      $("#submits").click(function() {   
       alert($("#user_val").val()); 
      }); 
}); 

と（小文字の「V」を注意してください）valueにValueを変更し、それが正常に動作する必要があります。あなたがそこに着いた

Answer 2

2つのエラー：

1. あなたがdocument.getElementById('user_val').value = "abcd";なくdocument.getElementById('user_val').Value = "abcd";（小文字value、ないValue）を使用する必要があります。

2. また、クリックイベントの後にreadyイベントを閉じる必要があります。

3. Here is the complete working solution：

   /* adding the value to user_val input field id in javascript onload function based on drop down select event*/ 
   document.getElementById('user_val').value = "abcd"; 
   
   /* then trying to get value which changed */ 
   $(document).ready(function() { 
       $("#submits").click(function() { 
        alert($("#user_val").val()); 
       }); 
   });