Question

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

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

和

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

但他们都没有工作。

Answer 1

可行，请查看此Demo。我不知道为什么它不适合你。你必须遗漏一些东西。

HTML

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

JQuery的

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

Answer 2

我使用按钮点击事件创建了这个。根据您的要求改变这一点。你可以使用你想要的任何事件。 Keydown，按键或更改活动。

<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 3

请尝试以下代码段。

＆＃13;

$("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'));
});

＆＃13;

<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" />

＆＃13;

<强> Working JSFiddle Demo

如何使用Jquery将文本框的文本值作为其title属性？

3 个答案:

HTML

JQuery的