我怎样才能获得文本框的价值?它返回undefined

时间:2015-08-06 05:52:03

标签: javascript

这是我的文本框

<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);
}

我在textbox中有一些值,它返回undefined。

4 个答案:

答案 0 :(得分:1)

由于input的演示代码没有值,我添加了一个。 这是一个有效的代码...而且我没有看到你的问题。这是预期的行为吗?

您应该检查更改输入字段值的逻辑。我在演示中嘲笑过它。

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

$(".change-value").on("click", function() {
  $("#rs1").val(Math.random());
})
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

我猜你是想这样做的。 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

答案 2 :(得分:0)

这对我有用。您需要在下拉$("#rs1").on('keyup'...侦听器上执行此操作,而不是获取change上的值。您可以查看我的demo

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

我希望它有所帮助。

答案 3 :(得分:-2)

创建一个函数并在下拉变换中触发

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