Как изменить заголовок подсказки, когда пользователь вводит текстовое поле?

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

Как изменить заголовок подсказки, когда пользователь вводит текстовое поле?

ответ

Смежные вопросы