简体   繁体   中英

jQuery cant get value from textbox

I am trying to get a value from a textbox so that that I can rotate an Image using jQuery

<script src="Scripts/jQueryRotate.2.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
   var angle = $("input:TextBox1").val();
    $("#needle").rotate(angle);
    alert(angle);
});
</script>

And I'm populating the textbox as follows

<script runat="server">
protected void Page_Load(object sender, EventArgs e)
  { 
     WeatherLibrary.WeatherData wLib = new WeatherLibrary.WeatherData();
     double dataLatest;
     string sensorName;
     sensorName = "umtAdjWinDir";
     double dir = wLib.GetLatestData(sensorName).Value;
     dir = Math.Round(dir, 0);
     TextBox1.Text = dir.ToString();

   }
</script>

TextBox1 is the the id of the textbox

        <asp:TextBox ID="TextBox1" runat="server" ReadOnly="True"></asp:TextBox>

The alert I have given says undefined and the image never gets rotated.

Try

var angle = $("#TextBox1").val();

OR

var angle = $("#<%= TextBox1.ClientID %>").val();

If TextBox1 is the id of the input element you can use var angle = $("#TextBox1").val(); to get the value form the textbox

尝试使用:

   var angle = $('#<%=TextBox1.ClientID%>').val();

try

var angle = $("input#TextBox1").val();

assuming you have an input with id="TextBox1"

我认为不确定这可能是母版页或用户控制的问题。

<script src="Scripts/jQueryRotate.2.2.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function () {



       var angle = $("#TextBox1").val();
        $("#needle").rotate(angle);
        alert(angle);

    });
</script>

Supposed to be

var angle = $("input[id*='TextBox1']").val();  // For ID

var angle = $("input.TextBox1").val();  // For class

var angle = $("[id*='TextBox1']").val();  // For ID this is sufficient

Need to use attribute ends with $ or attribute contains selector * if you are using ASP.NET controls with runat="server" attribute

$("#TextBox1").val() 此代码将帮助您获取文本框值..

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM