Как я могу получить значение текстового поля? Он возвращает неопределенное

Question

Вот мое текстового поле

<input type="text" name="allowance" id="rs1" 
     class="form-control allowance1" placeholder="Allowance (Rs.)"> 

Вот мой код для отключения текстового поля

<script type="text/javascript"> 
    $('.allowance1').attr('readonly', true); 
</script> 

В то время как я могу изменить выпадающее значение в то время я хочу значение текстового поля.

$(".val").change(function() // this is dropdown class name 
{ 
    var a=$("#rs1").val(); 
    alert(a); 
} 

У меня есть некоторая ценность в текстовом поле, и он возвращает неопределенные.

Answer 1

Поскольку ваш демо-код для input не имеет значения, я добавил его. Вот рабочий код ... и я не вижу проблемы с твоей. Это ожидаемое поведение?

Возможно, вы должны проверить логику, которая изменяет значение поля ввода. Я издевался над ним в демо.

$('.allowance1').attr('readonly', true); 
 
$(".val").on("change", function() { 
 
    alert($("#rs1").val()) 
 
}); 
 

 
$(".change-value").on("click", function() { 
 
    $("#rs1").val(Math.random()); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="options" id="" class="val"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
</select> 
 
<input type="text" name="allowance" id="rs1" value="asdf" class="form-control allowance1" placeholder="Allowance (Rs.)"> 
 

 
<button class="change-value">Change Input Value</button>

Answer 2

сделать одну функцию и запустить его OnChange из раскрывающегося

function gettextvalue() 
{ 
    var a= $("#l").val();///l is textbox id 
    alert(a); 
} 

Answer 3

Это работает для меня. Вместо того, чтобы получить значение на $("#rs1").on('keyup'..., вы должны сделать это на своем выпадающем списке change слушателя. Вы можете проверить мой demo

$("#rs1").on('keyup', function(){ 
    var value = $("#rs1").val(); 
    alert(value); 
}); 

Я надеюсь, что это помогает.

Answer 4

Я предполагаю, что вы пытаетесь сделать, как это. HTML:

<input type="text" name="allowance" id="rs1" class="form-control allowance1" placeholder="Allowance (Rs.)"> 
<select class="val"> 
    <option value"One">One</option> 
    <option value"Two">Two</option> 
    <option value"Three">Three</option> 
</select> 

JS:

$(".val").change(function() { 
    $("#rs1").val("some text"); 
    alert($("#rs1").val()); 
}); 

работает DEMO