如何使用 Jquery 获取文本框的文本值作为其标题属性？

Question

如何使用 jQuery 获取文本框的输入值作为标题值，我试过这个：

$('#txtClientName').attr('title', $('#txtClientName').val());

和

$('#txtClientName').attr('title', $(this).val());

但其中 none 个正在工作。

Answer 1

我使用按钮点击事件创建了这个。根据您的要求更改此设置。你可以使用任何你想要的事件。按键、按键或更改事件。

<input type="text" id="txtClientName" />
<input type="button" value="test" id="btnSubmit" />       

 $("#btnSubmit").click(function(){
    $('input').attr('title', $('#txtClientName').val());
   });

或者你可以使用更改事件

<input type="text" id="txtClientName" />

$("#txtClientName").change(function(){
    $(this).attr('title', $(this).val());
});

Demo

Answer 2

有效，请检查此 Demo。我不知道为什么它不适合你。你一定是错过了什么。

HTML

<input type="text" id="inputBox" />

JQuery

$(function(){
  $("#inputBox").on('keydown',function(){
  $(this).attr('title',$(this).val());
  });
});

Answer 3

试试下面的代码片段。

$("input[id=txtClientName]").change(function() {
  $(this).attr('title', $(this).val());

  // for testing just print it in a console or in an alert.
  console.log($(this).attr('title'));
  alert($(this).attr('title'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="text" id="txtClientName" title="This is a title." />
<input type="button" value="Get" id="btnSubmit" />

Working JSFiddle Demo.

如何使用 Jquery 获取文本框的文本值作为其标题属性？

How do i get the text value of the text box as its title attribute using Jquery?

model-view-controller

jquery

HTML

JQuery