获取提示框中输入文本框的值

Question

如何在工具提示中获取输入文本字段的值，对于我来说，我正在使用带自动完成功能的文本框。每当我在自动完成中进行选择时，它将显示在文本框中。当我悬停在它上面时，我想要工具提示中的文本框中的值。有人可以帮我吗？

<input type="text" value="something" class="curate">

- Ravi Kumar

---

你能否展示更多的代码？你现在回答得非常含糊，这并没有帮助到我们。基本上你想要的是当你改变 ($('input.curate').change()) 的时候，你也想要它改变 tooltip 中的某些内容。 - Luis Lopes

提示工具是原生的提示工具，通过title属性提供，还是由您使用的插件提供的？ - David Thomas

实际上我并没有使用下拉菜单，而是用了自动完成的change()函数。它会起作用。 - Ravi Kumar

Answer 1

使用title属性，在keyup事件中将输入框的值传递给它。

$(document).ready(function(){
  $('#testInput').keyup(function(){
    $(this).attr('title',$(this).val())
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Type Something
<input type="text" title="" value="" id="testInput">

- gavgrif

Answer 2

首先，您需要将标题设置为该值， 并在更改文本框的值时执行相同操作。

function updateTitle(me)
{
me.title=me.value;
}

<input type="text" title="something" value="something" id="one" class="curate" onchange="updateTitle(this)">

- Chien_Khmt

Answer 3

您可以在 HTML 中使用“hover”悬停效果来应用于所有输入框，例如：

$('input[type="text"],input[type="number"],input[type="date"]').hover(function() {
    $(this).attr('title', $(this).val()); });

- KING-CODE

---

我认为你需要在每个 'input[type="text"...' 中关闭花括号。 - Ivan Barayev

Answer 4

我建议：

$('input.curate').on('change', function (){
  this.title = this.value;
});

- David Thomas

Answer 5

<input type="text" id="one" value="something"  class="curate">
<script>
var x=document.getElementById("one");
x.title=x.value;
</script>

- Gaurav Singh

---

感谢您的回答。在我的情况下，ID是自动生成的。 - Ravi Kumar

如果值是自动生成的，那么您可以手动将标题标签添加到该输入元素，并将自动生成的值作为标题标签的值。 - Gaurav Singh