如何在用戶輸入到文本框中時更改工具提示標題？

-1

<input type="text" id="id_part_pay" value="<?php echo $listing['part_pay'];?>" class="textbox" name="part_pay" autocomplete="off" /> 
         <a href="" id="partpay_tooltip" class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" title="<?php echo $listing['part_pay']; ?> % of amount paid during booking online and remaining <?php echo $listing['partpay_tooltip'];?>% paid during check in " data-original-title=""></a></label>

如果用戶在文本框中輸入了值，如何動態更改工具提示標題的值？如何在用戶輸入到文本框中時更改工具提示標題？

來源

2015-10-05 Amar Desai

您使用的引導提示 –

只是爲了澄清，貴quesion是這樣的？ *如何改變工具提示標題，當用戶輸入到一個文本框？* – Keale

我在你的[編輯]（http://stackoverflow.com/revisions/32943623/3）假設我以前的假設是正確的，所以我建議爲了清晰起見改善你的問題 – Keale

假設你可能要當用戶做文本框的變化

$('#id_part_pay').bind('keydown',function(){ 
     $('#partpay_tooltip').attr('title',$(this).val()); 
    });

來源

2015-10-05 07:55:21

'$（this）.val（）或this.value'其中一個可以工作，但不是你的。 – Jai

謝謝@Jai，現在更正 –

你可以試試下面的代碼更改標題：

HTML：

<input type="text" id="id_part_pay" value="<?php echo $listing['part_pay'];?>" class="textbox" name="part_pay" 
     autocomplete="off" onchange="myFunction()"/> 
<a href="" id="partpay_tooltip" class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" 
    title="<?php echo $listing['part_pay']; ?> % of amount paid during booking online and remaining <?php echo $listing['partpay_tooltip'];?>% paid during check in " 
    data-original-title=""></a>

<script> 
    function myFunction() { 
     var _val = document.getElementById("id_part_pay").value; 
     document.getElementById("partpay_tooltip").setAttribute("title", _val); 
    } 
</script>

來源

2015-10-05 07:55:43 guvenckardas

你在做什麼，同時改變錨元素的值？ –

這僅僅是一個例子@RohitKumar – guvenckardas

你可以'標記爲答案'爲你用於任何答案。謝謝 – guvenckardas

我認爲，一個更簡單的解決方案是

$(window).load(function() { 
 
    $('#partpay_tooltip').tooltip({ 
 
    title: function() { 
 
     var val = $('#id_part_pay').val(); 
 
     return val + '% of amount paid during booking online and remaining ' + (100 - val) + '% paid during check in' 
 
    } 
 
    }) 
 
});

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.1.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css"> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap-theme.css"/> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"/> 
 

 
<input type="text" id="id_part_pay" value="2" class="textbox" name="part_pay" autocomplete="off" /> 
 
<a href="" id="partpay_tooltip" class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-original-title=""></a>

來源

2015-10-05 08:12:42

http://jsfiddle.net/arunpjohny/mkeb6teq/ –

如何在用戶輸入到文本框中時更改工具提示標題？

回答

相關問題