Question

我想获取用户将输入的输入字段的值，然后使用它来执行操作。我已经尝试了两种方法来获取输入字段的值text()和val()，但都不起作用。

请告知我在这里失踪的可能性。

下面的代码中恰好发生的是，在悬停按钮后，输入字段的值将通过alert（）函数显示。但警报一直是空白的。

HTML

<div id="collection_name">
collection name
</div>

<input type="text" id="collection_title" placeholder="Midnight in New York">

<div id="collection_button"></div>

的jQuery

 var collection_title = $('#collection_title').text();
 var collection_button = $('#collection_button');


 collection_button.on({

    mouseover: function() {
    alert(collection_title); // the alert comes out blank

  }
 });

Answer 1

您需要在处理程序本身中调用text()/val()方法

var collection_title = $('#collection_title');
 var collection_button = $('#collection_button');


 collection_button.on({

    mouseover: function() {
    alert(collection_title.val()); //or .text() depending on the element type

  }
 });

之前是空白的原因是在初始化时

var collection_title = $('#collection_title').text();

它没有文字值

Answer 2

object slicing

 var collection_title = $('#collection_name').text();
 var collection_button = $('#collection_button');


collection_button.on({

 mouseover: function () {

     alert(collection_title); // the alert comes out blank

 }
});

无法获得输入字段的值，即使通过text（）和val（）方法也是如此

2 个答案: