Populate javascript var form ASP.NET

Question

I want to create a auto populate textbox in asp.net. However I am unable to populate the textbox dynamically. Any help would be very appreciated.

Javascript code

$( function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "Haskell",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });

    $("#disable").click ( function() {

       $( "#tags" ).autocomplete({
        disabled: true
      });

});
    $("#enable").click ( function() {

       $( "#tags" ).autocomplete({
        disabled: false
      });

});

  } );

I have tried to populate from asp.net but I am unable to make it work here is what I have tried.

            string[] availableTags = new string[]{
            "Las Vegas",
            "Los Angeles",
            "Tampa",
            "New York",
            "s",
            "sss"
            };

            protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                {
                JavaScriptSerializer serializer = new 

                JavaScriptSerializer();
                    string jsArray = serializer.Serialize(availableTags);
                    this.ClientScript.RegisterClientScriptBlock(this.GetType(), "availableTags", jsArray, true);
    }
 }

Hien Nguyen · Accepted Answer · 2019-05-06 01:50:33Z

1

You can add script tag and use variable with <%= %>

<script type="text/javascript">
     var myArray = '<%= jsArray %>';
     console.log(JSON.parse(myArray);
 </script>

In your .cs source code note that public before jsArray

         string[] availableTags = new string[]{
            "Las Vegas",
            "Los Angeles",
            "Tampa",
            "New York",
            "s",
            "sss"
            };
           public string jsArray = string.Empty;
            protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                {
                JavaScriptSerializer serializer = new 

                JavaScriptSerializer();
                jsArray = serializer.Serialize(availableTags);
             }

    }

Update script

$( function() {
     var myArray = '<%= jsArray %>';
    var availableTags = JSON.parse(myArray);
    $( "#tags" ).autocomplete({
      source: availableTags
    });

    $("#disable").click ( function() {

       $( "#tags" ).autocomplete({
        disabled: true
      });

});
    $("#enable").click ( function() {

       $( "#tags" ).autocomplete({
        disabled: false
      });

});

  } );

edited May 6, 2019 at 1:50

answered May 6, 2019 at 1:23

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

J.C Over a year ago

I get the following error the name 'jsArray' does not exist in the current context?

J.C Over a year ago

Thank you that fix that problem however nothing happens when I start typing. var availableTags = '<%= jsArray %>'; $(function () { console.log(JSON.parse(availableTags)); $( "#tags" ).autocomplete({ source: availableTags }); $("#disable").click ( function() { $( "#tags" ).autocomplete({ disabled: true }); }); $("#enable").click ( function() { $( "#tags" ).autocomplete({ disabled: false }); });

Hien Nguyen Over a year ago

I updated answer for script, you need use JSON.parse to array

Collectives™ on Stack Overflow

Populate javascript var form ASP.NET

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related