Javascript 当用户在文本框中键入时，如何更改工具提示标题？

假设当用户在文本框中进行更改时，您可能希望更改标题

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

---

您可以尝试以下代码：

HTML:

---

我认为更简单的解决方案是


$（窗口）.load（函数（）{
$（“#partpay_工具提示”）。工具提示({
标题：函数（）{
var val=$（'#id_part_pay'）.val（）；
返回val+%在线预订期间支付的金额，剩余的'+（100-val）+%在入住期间支付的金额
}
})
});

您使用引导工具提示只是为了澄清一下，您的问题是这样的吗？当用户在文本框中键入内容时，如何更改工具提示标题？我在您的中假设我之前的假设是正确的，因此我建议改进您的问题以使其更清晰。更改锚元素的值时您在做什么？这只是一个@RohitKumarCould的示例，请您对您使用的任何答案“标记为答案”。谢谢
$（this.val（）或this.value
其中任何一个都可以，但不是您的。
 $('#id_part_pay').bind('keydown',function(){
        $('#partpay_tooltip').attr('title',$(this).val());
    });

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