Hello, how to fill textboxes from downdownlist

Question

1.00/5 (2 votes)

See more:

Hello ,
Please i'm trying to fill the textbox (address) from dropdownlist (Name) selected Name Please Help me with this i'm stuck with problem since yesterday :(
Here's the code i wrote
Best Regards.

What I have tried:

My View 
------
<pre>   <div class="editor-label">
                                @Html.LabelFor(model => model.recieverName)
                                </div>
                                <div class="editor-field">
                         @Html.DropDownListFor(model => model.recieverName, listOfDealers,"-Select-", new { id = "name1", style = "width:180px;" })
                            
                                </div>

<div class="editor-label">
                                  @Html.LabelFor(model => model.senderAddress)
                              </div>
                              <div class="editor-field">
                                  @Html.TextBoxFor(model => model.recieverAddress, new { id = "addresstxt", style = "width:180px; cursor:default;" })

                              </div>

<script type="text/javascript">

jQuery(document).ready(function () {
        $("#name1").change(function () {
            var ServiceUrl = "/Sheet/GetAddress?fname=" + fname;
            var content = '';
            $.support.cors = true;
            $.ajax({
                type: 'POST',
                url: ServiceUrl,
                async: true,
                cache: false,
                crossDomain: true,
                contentType: "application/json; charset=utf-8",
                dataType: 'json',
                error: function (xhr, err) {
                },
                success: function (query) {
                    $('#addresstxt').val(query.Value);

                }
            });
        });
          });

My conroller 
----------------

<pre>  [HttpGet]
        public JsonResult GetAddress(DealerModel dlr  , string fname  )
        {
       
            //According id to query the database and get the relevant values.

             using (TICK_DBEntities db = new TICK_DBEntities())
             {
                 
                 var query = db.TICK_Dealers.Where(c => c.fullName == fname).Select(c => new {Address = c.address, MobileNo = c.mobileNo }).FirstOrDefault();
                 return Json(query, JsonRequestBehavior.AllowGet);
             }
        }

<

Posted 26-Aug-18 21:34pm

Muna Fadelallah

Updated 28-Aug-18 3:23am

Add a Solution

Comments

Richard Deeming 28-Aug-18 13:29pm

var ServiceUrl = "/Sheet/GetAddress?fname=" + fname;

Where is that fname variable defined?

Use your browser's developer tools to monitor network (XHR) requests from your page, and see precisely what you're sending to the server, and what it's returning.

Muna Fadelallah 30-Aug-18 7:17am

in conroller
[HttpGet]
public JsonResult GetAddress(DealerModel dlr , string fname )
{

//According id to query the database and get the relevant values.

using (TICK_DBEntities db = new TICK_DBEntities())
{

var query = db.TICK_Dealers.Where(c => c.fullName == fname).Select(c => new {Address = c.address, MobileNo = c.mobileNo }).FirstOrDefault();
return Json(query, JsonRequestBehavior.AllowGet);
}

3 solutions

Solution 1

Please go through this solution...
winforms - C# listbox filling textboxes by clicking on an item - Stack Overflow[^]

Posted 26-Aug-18 23:45pm

jazygift

Comments

Vincent Maverick Durano 27-Aug-18 12:10pm

the question isn't about winforms. Please pay attention to the question carefully before throwing a proposed solution. Thanks!

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)

Vincent Maverick Durano · Accepted Answer · 2018-08-27T06:10:00

Does your code throws an error? If so then what is it? Does your GetAddress action get hit when you set a break point while on debugging? Also what's the value of query.Value?

If you are returning a Model/Class then you should reference the property of the Model like this in your AJAX success callback:

JavaScript

success: function (query) {
                    $('#addresstxt').val(query.YourModelPropertyName);

 }

To make it more clear, for example you have the following Model/Class:

C#

public class Student
{
     public string FirstName { get; set; }
     public string LastName { get; set; }
}

Now you want to return the Student model in your Action Controller:

C#

public JsonResult AjaxGetCall() {  
            Student student = new Student{  
                FirstName= "Vynn",  
                LastName= "Durano"
            };  
            return Json(student, JsonRequestBehavior.AllowGet);  
}

To get the result from your AJAX request, you can do something like this:

JavaScript

$.ajax({  
            type: "GET",  
            url: "/YourControllerName/AjaxGetCall",  
            contentType: "application/json; charset=utf-8",  
            dataType: "json",  
            success: function(response) {  
                if (response != null) {  
                    $('#YourTextBoxID1').val(response.FirstName);  
                    $('#YourTextBoxID2').val(response.LastName);   
                } else {  
                    alert("object is null");  
                }  
            },  
            failure: function(response) {  
                alert(response.responseText);  
            },  
            error: function(response) {  
                alert(response.responseText);  
            }  
        });

Richard Maly · Accepted Answer · 2018-08-28T03:23:00

There are a couple of issues with your code from what I can see.

on your controller you are labelling it

[HttpGet]

so to access the code you must do a "get" in your JS you are doing $.ajax with a "Post" I would look at doing a $.get() (you can see that Vincent's answer has "Get" not "Post" in the $.ajax)

Ultimately using your browser's dev tools is your answer, the Network tab will tell you of any errors you are receiving.

In JS console.log() is useful for logging out variables.

I probably would use a Class rather than an anonymous in your db select

.Select(c => new<pre> {Address = c.address, MobileNo = c.mobileNo })

so it would be

.Select(c => new AddressClass = <pre> {Address = c.address, MobileNo = c.mobileNo })

An area where you will get some optimisation is rather than

var query = db.TICK_Dealers.Where(c => c.fullName == fname).Select(c => new {Address = c.address, MobileNo = c.mobileNo }).FirstOrDefault();

you should do

var query = db.TICK_Dealers.FirstOrDefault(c => c.fullName == fname).Select(c => new {Address = c.address, MobileNo = c.mobileNo });

or you even

<pre> var query = db.TICK_Dealers.Find(c => c.fullName == fname).Select(c => new {Address = c.address, MobileNo = c.mobileNo });

Hello, how to fill textboxes from downdownlist

3 solutions

Solution 2

Solution 3

Solution 1

Add your solution here

Preview 0