使用jQuery将文本框中的值提供给变量

时间:2017-01-27 20:46:18

标签: javascript jquery

我有一个变量callled" myLocation"。

我想从我的文本框中取出值并将其输入 " LAT1"它位于变量" myLocation"。

我尝试过使用jQuery $().attr('value')函数,但它似乎不起作用。

有什么建议吗?

这是我的代码:

<input type="text" id="input1">

$(document).ready(function () {
    $('#input1').keypress(function(event) {
        if (event.which == 13) {
            element1 = $('#input1').attr('value');

            var myLocation = {
                lat1: 2, // I wold like to feed data here from the textbox
                         // I tried element1 = $('#input1').attr('value'); but it does
                            not seem to work
                lng2: -56
            };
        };
    });
});

2 个答案:

答案 0 :(得分:1)

你的函数中有$('#input1')。val()或$(this).val()。

$(document).ready(function () {
  $('#input1').keypress(function( event ) {
    if ( event.which == 13 ) {
      element1 = $(this).val();
      console.log("Element 1: ", element1);    
        
      var myLocation = {
        lat1: $(this).val(), 
        lng2: -56
      };
      
    };
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type = "text" id = "input1">

答案 1 :(得分:0)

更改

element1 = $('#input1').attr('value');

element1 = $(this).val();  // 'this' refers to the input element itself, benefit is that it wont refetch; val() will get the value

阅读:.attr() | jQuery API Documentation

工作代码段

&#13;
&#13;
$(document).ready(function() {
  
  $('#input1').keypress(function(event) {
    
    if (event.which == 13) {

      var element1 = $('#input1').val();  // make sure to initialize using "var" or else element1 will be a global variable!
      
      var myLocation = {
        lat1: element1,
        lng2: -56
      };
      
      console.log('myLocation', myLocation); // verify it in your log!
    };
    
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input1">
&#13;
&#13;
&#13;