jqueryのテキストボックス値を取得しますが空です

Question

このコードは、テキストボックスから値を取得するために使用します。しかし、私は価値を得ることができません。

$(function() { 
 
    var get = $(".name").val(); 
 
    $('#test').click(function() { 
 
    alert('Textbox:' + get); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="name" class="name"> 
 
<input type="submit" value="click" name="test" id="test">

Answer 1

あなたは#testをクリックすると、あなたの値を取得します。

$(function() { 
 
    $('#test').click(function() { 
 
    var get = $('.name').val(); 
 
    alert('Textbox:' + get); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="name" class="name"> 
 
<input type="submit" value="click" name="test" id="test">

Answer 2

問題は、あなたがinputボックスが空だったときに、始まったばかりでget値を設定したということでした。送信ボタンをクリックすると、値を更新する必要があります。

$(function() { 
 
    
 
    $('#test').click(function() { 
 
    let get = $(".name").val(); 
 
    alert('Textbox:' + get); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="name" class="name"> 
 
<input type="submit" value="click" name="test" id="test">