如何在jQuery中为asp:textbox创建一个onchange事件

时间:2015-04-01 23:39:32

标签: javascript jquery html

我正在学习javascript但是jQuery的新手,我正在尝试为我的文档中的所有文本框创建一个on change事件handeler。所以这是我的文本框

<asp:Table ID="Table1" BorderColor="Black" BorderStyle="Solid" BorderWidth="3" runat="server">
                        <asp:TableRow>
                            <asp:TableCell BorderColor="Black" BorderStyle="Solid" BorderWidth="2">
    <asp:TextBox ID="TextBox1" BackColor="Blue" runat="server" Width="40" Text="1" TextMode="Number"></asp:TextBox>

我的脚本在底部

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
    <script src="jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="vehicle.js" type="text/javascript"></script>
</body>
</html>

比我的javascript。

$("textbox").change(function () {
 alert("ggg");
});

但是当我更改文本框内的文本时,它不会发出警报 我知道如何制作常规的javascript活动,但我希望能够为所有文本框制作一个事件。

3 个答案:

答案 0 :(得分:3)

Asp:文本框的渲染类似输入类型=文本,因此您的选择器需要是:

 $('input[type=text]') 

但是不要使用那个,因为它会绑定你页面中的所有文本输入,使用元素的id,也使用keypress()

 $('#TextBox1').keypress(  function() {  alert(); });

答案 1 :(得分:1)

试试这个希望它会有所帮助         

&#13;
&#13;
    
        $('#some_id').on('keyup', function() {
             $('#entered_val').text(this.value);// or $(this).val()
        });
    
    
&#13;
    
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <input type='text' id='some_id' name='textbox'/>
        <span id='entered_val'></span>
    
    
&#13;
&#13;
&#13;

答案 2 :(得分:0)

好的,我解决了我的问题。这是一个新手错误。对不起。我的文档有一个错误的src脚本。我一直在使用另一个页面复制脚本标签并忘记更改src。