How to assign value to text input from viewbag when viewbag contains value passed from controller

asp.net-mvc-3viewbag

Im new to ASP.NET MVC3.

I tried to pass value from controller to a view and then assign that value to text input inside the view.

I tried with viewbag and viewdata. While debugging i could find the value inside viewbag but when my view appers in the browser, textbox is empty.

However , if i assign some value to viewbag from within .cshtml file, it work.

Controller

public ActionResult Contact()
{
 ViewBag.fullname = "Hello";
 ........
 return view();
}

View

@{ ViewBag.lastname = "Hello";
}
@Html.TextBox("fullname", (string)ViewBag.fullname)
@Html.TextBox("lastname", (string)ViewBag.lastname)

output

first textbox – empty

second textbox – Hello

Best Answer

Try this out...

Controller

public ActionResult Contact()
{
 ViewBag.fullname = "Hello";
 ViewBag.lastname = "World";

 return View();
}

View

@Html.TextBox("fullname", (string)ViewBag.fullname)
@Html.TextBox("lastname", (string)ViewBag.lastname)

Also check this

Related Solutions

Asp.net mvc get value from Html.textbox()

You need to use javascript for this. Instead of using an action link a better way to achieve this would be to use a form:

@using (Html.BeginForm("actionname", "controller", FormMethod.Get))
{
    @Html.TextBox("textdata")
    <input type="submit" value="click me" />
}

This way the value entered by the user in the textbox will be automatically sent to the server when he submits the form.

If you still want to do this using javascript (not recommended) here's how you could proceed with jQuery. Subscribe for the click event of the link and fetch the value from the text field and append it to the url:

$(function() {
    $('#id_of_your_link').click(function() {
        var value = $('#textdata').val();
        $(this).attr('href', function() {
            return this.href += '?param=' + encodeURIComponent(value);
        });
    });
});

Javascript – How to set value of input text using jQuery

Your selector is retrieving the text box's surrounding <div class='textBoxEmployeeNumber'> instead of the input inside it.

// Access the input inside the div with this selector:
$(function () {
  $('.textBoxEmployeeNumber input').val("fgg");
});

Update after seeing output HTML

If the ASP.NET code reliably outputs the HTML <input> with an id attribute id='EmployeeId', you can more simply just use:

$(function () {
  $('#EmployeeId').val("fgg");
});

Failing this, you will need to verify in your browser's error console that you don't have other script errors causing this to fail. The first example above works correctly in this demonstration.

Best Answer

Related Solutions

Asp.net mvc get value from Html.textbox()

Javascript – How to set value of input text using jQuery

Update after seeing output HTML

Related Topic