在javascript中获取文本框onchange的价值

<!DOCTYPE html> 
<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <style type="text/css"> 
    #slider { margin: 10px; } 
    </style> 
<input type="text" value="" id="rateToPost"/> 
<script type="text/javascript"> 
    var my = document.getElementById("rateToPost").onchange(); 
    alert(my); 
</script> 
    <div style="width:75px;height:48px;"> 
    <div style="width: 5px;margin-left: 10px;">1</div> 
    <div style="width: 5px;margin-left: 38px;margin-top: -10px;">2</div> 
    <div style="width: 5px;margin-left: 70px;margin-top: -13px;">3</div> 
    <div style="width: 5px;margin-left: 98px;margin-top: -12px;">4</div> 
    <div style="width: 5px;margin-left: 124px;margin-top: -12px;">5</div> 
    </div> 

    <script> 
    $(document).ready(function() { 
    $("#slider").slider({ 
       range: "min", 
       value: 2, 
       min: 1, 
       max: 5, 
    //this gets a live reading of the value and prints it on the page 
       slide: function(event, ui) { 
        $("#ratingResult").text(ui.value); 
       }, 
//this updates the value of your hidden field when user stops dragging 
      change: function(event, ui) { 
       $('#rateToPost').attr('value', ui.value); 
      }}); 
    }); 
    </script> 

</head> 
<body style="font-size:62.5%;"> 
<div id="slider"></div> 
</body> 
</html>

在上面的脚本中，我使用了滑块评分。但是，这里的问题是我必须获取onchange的文本框值，并突出显示相应的评级号码背景。但我无法获取价值。任何人都可以帮助解决这个问题。由于事先在javascript中获取文本框onchange的价值

来源

2013-01-15 Rithu

尝试此使用jQuery：

$('#rateToPost').on("change", function() { 
    alert($(this).val()); 
});

来源

2013-01-15 13:10:08

无法使用jquery函数获取值 – Rithu

assign value: $('#rateToPost').val(ui.value); 
read value: var res = $('#rateToPost').val();

来源

2013-01-15 13:04:44 Andy

由于$('#rateToPost')是一个表格元件：使用val()方法。

来源

2013-01-15 13:05:23 Johan

$('#rateToPost').keyup(function(){ 
     $('#slider').slider({value: this.value}); 
    });

演示http://jsbin.com/azosab/2/edit

来源

2013-01-15 13:07:01 Anton

<脚本类型= “文本/ JavaScript的”> 变种我=的document.getElementById（ “rateToPost”）平变化（） ; alert（my）; 你注意到了这一点。 var“my”正在获取值。但它没有提醒变量“我的” – Rithu

这里的值，你需要在该脚本中添加document.ready http://jsbin.com/azosab/6/edit – Anton

在javascript中获取文本框onchange的价值

回答

相关问题