How to add auto complete json for dynamically generated textboxes in asp.net

Question

0.00/5 (No votes)

See more:

I am trying to generate dynamic html textboxes in my aspx page and on these textboxes i want to add the value using autocomplete facility. I try my best to do so. I try almost every single question's answer of stackoverflow. But nothing is working here my script which generate new textbox dynmacally

JavaScript

<script type="text/javascript">
    $(document).ready(function () {

        var counter = 2;

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

            if (counter > 5) {
                alert("Limit Exceeds");
                return false;
            }

            var newTextBoxDiv = $(document.createElement('div'))
         .attr("id", 'TextBoxDiv' + counter);

//            newTextBoxDiv.after().html('<label>Textbox #' + counter + ' : </label>' +
//        '<input type="text" name="textbox' + counter +
//        '" id="textbox' + counter + '" value=""  class="auto">');

            newTextBoxDiv.after().html('<div class="fields-left"><label> Leaving from</label><input type="text" name="textbox' + counter + '" id="textbox' + counter + '" class="auto"/>  </div><div class="fields-right"> <label> Going to</label>  <input type="text" name="textbox' + counter + '" id="textbox' + counter+1 + '" class="auto"/> </div>');
           newTextBoxDiv.appendTo("#TextBoxesGroup");


            counter++;
        });

        $("#removeButton").click(function () {
            if (counter == 1) {
                alert("No more textbox to remove");
                return false;
            }

            counter--;

            $("#TextBoxDiv" + counter).remove();

        });


    });


</script>

Html code

HTML

<div id="TextBoxDiv1" class="fields" >
          <div id="TextBoxesGroup">
          </div>
     </div>
          <input type='button' value='Add Button' id='addButton'/>
 <input type='button' value='Remove Button' id='removeButton'/>
           </div>

and I am trying this json code for fetching data for very first textbox that generate automatically. First I think for write this script for everytextbox which generate dynamically but this process will be so lengthy and wrong way to do this thing. But this is not working for me

JavaScript

<script type="text/javascript">
              $(document).ready(function () {
                  SearchText2();
              });
              function SearchText2() {
                  $("#textbox2").autocomplete({
                      source: function (request, response) {
                          $.ajax({
                              type: "POST",
                              contentType: "application/json; charset=utf-8",
                              url: "Home.aspx/GetAutoCompleteData",
                              data: "{'code':'" + document.getElementById('textbox2').value + "'}",
                              dataType: "json",
                              success: function (data) {
                                  response(data.d);
                              },
                              error: function (result) {
                                  alert("Error");
                              }
                          });
                      }
                  });
              }
</script>

Please experts tell me why this json is not working for me

Thanks

Posted 9-May-14 2:17am

AZAD CHOUHAN

Updated 9-May-14 2:33am

Sanket Saxena

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sanket Saxena · Answer 1 · 2014-05-09T02:34:00

Solution 1

check the link:
jquery-autocomplete-for-dynamically-generated-textboxes

Hope it helps :)

Posted 9-May-14 2:34am

Sanket Saxena

Comments

AZAD CHOUHAN 9-May-14 8:46am

but it is for mvc not for simple asp.net

Sanket Saxena 9-May-14 8:50am

Dear the data return is json you can return the json data from your method "GetAutoCompleteData" simple as that. Its a jQuery dosen't matter Asp.Net or Asp.Net MVC it will work.

AZAD CHOUHAN 9-May-14 9:04am

Sanket Saxena 9-May-14 9:10am

well tell me about your previous code. Is that was calling the GetAutoCompleteData method in the code behind? if yes then what this function returns?