How to set id value for MVC dropdownlistfor control

Question

0.00/5 (No votes)

See more:

@Html.DropDownListFor(Function(model) model.StateId, New SelectList(ViewData("StateList"), "Id", "Name"), "--Select--")

Need to set Id value to write onchange function

What I have tried:

pre> @Html.DropDownListFor(Function(model) model.StateId, New SelectList(ViewData("StateList"), "Id", "Name"), "--Select--", New{@Id="Country")

Posted 4-Feb-19 3:15am

Chinnu2020

Updated 7-Feb-19 0:28am

Add a Solution

Comments

CHill60 4-Feb-19 9:20am

And what happens when you try to set that value? What error do you get?

Chinnu2020 4-Feb-19 9:35am

Type or with expected
)' expected.

F-ES Sitecore 4-Feb-19 10:12am

Look at your code;

@Html.DropDownListFor(Function(model) model.StateId, New SelectList(ViewData("StateList"), "Id", "Name"), "--Select--", New{@Id="Country")

After "New" you open a curly bracket but don't close it

@Html.DropDownListFor(Function(model) model.StateId, New SelectList(ViewData("StateList"), "Id", "Name"), "--Select--", New{@Id="Country"})

CHill60 4-Feb-19 10:33am

Worth posting as the solution

Chinnu2020 4-Feb-19 10:31am

Have given the same but still it is giving error

CHill60 4-Feb-19 11:05am

Is it the same error?

Chinnu2020 6-Feb-19 10:29am

$(document).ready(function () {

debugger;
$("#CountryId").change(function () {
var CountryId = parseInt($(this).val());

if (!isNaN(CountryId)) {
var ddlState = $('#StateId');
ddlState.empty();
ddlState.append($("").val('').html('Please wait ...'));
$.ajax({
url: '/AEContact/GetStates?ID=' + CountryId,
type: 'GET',
dataType: 'json',
cache: false,
data: { CountryId: CountryId },
success: function (d) {
ddlState.empty(); // Clear the please wait
ddlState.append($("").val('').html('Select State'));
$.each(d, function (i, states) {
ddlState.append($("").val(states.Id).html(states.Name));
});
},
error: function () {
alert('Error!');
}
});
}
});
});

Chinnu2020 6-Feb-19 10:30am

I have written above code , but when i click on edit state dropdown is not loading data

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)

Richard Deeming · Accepted Answer · 2019-02-04T05:05:00

Solution 2

Since you're using VB.NET, you need to use VB.NET syntax:

VB.NET

@Html.DropDownListFor(Function(model) model.StateId, New SelectList(ViewData("StateList"), "Id", "Name"), "--Select--", New With { .Id = "Country" })

Anonymous Types (Visual Basic) | Microsoft Docs[^]

Posted 4-Feb-19 5:05am

Richard Deeming

Comments

Chinnu2020 6-Feb-19 10:11am

Thanks for that.

can you please guide me how to load data based on state data based on country ID.

I have done but while editing the record value is not loading as i given below code though model is holding the data.
@Html.DropDownListFor(Function(model) model.StateId, New SelectList("", "Id", "Name"), "--Select--")
@Html.ValidationMessageFor(Function(model) model.StateId)

Chinnu2020 6-Feb-19 10:11am

Iam loading based on change event

Chinnu2020 6-Feb-19 10:31am

$(document).ready(function () {

debugger;
$("#CountryId").change(function () {
var CountryId = parseInt($(this).val());

if (!isNaN(CountryId)) {
var ddlState = $('#StateId');
ddlState.empty();
ddlState.append($("").val('').html('Please wait ...'));
$.ajax({
url: '/AEContact/GetStates?ID=' + CountryId,
type: 'GET',
dataType: 'json',
cache: false,
data: { CountryId: CountryId },
success: function (d) {
ddlState.empty(); // Clear the please wait
ddlState.append($("").val('').html('Select State'));
$.each(d, function (i, states) {
ddlState.append($("").val(states.Id).html(states.Name));
});
},
error: function () {
alert('Error!');
}
});
}
});
});

Chinnu2020 6-Feb-19 10:32am

Country data and state date is loading in Model , change event is not calling while editing

Richard Deeming 6-Feb-19 10:46am

You have already posted this as a separate question:
https://www.codeproject.com/Questions/1276085/Load-dropdown-based-on-other-dropdown[^]

I suggest you edit that question (using the green "Improve question" link) and add this additional information to it.

Chinnu2020 6-Feb-19 13:15pm

can you update here please

Richard Deeming 6-Feb-19 13:17pm

Update your other question with the missing details you have posted in the comments here.

Then someone might be able to spot what the problem is.

I'm not getting dragged in to answering unrelated questions in the comments.

Chinnu2020 7-Feb-19 7:58am

@if(Model.CountryId) Then
@Html.DropDownListFor(Function(model) model.StateId, New SelectList(AEDC.Data.Geography.GetStatesBycountryID(Model.CountryId), "Id", "Name"), "--Select--")
@Html.ValidationMessageFor(Function(model) model.StateId)
Else
@Html.DropDownListFor(Function(model) model.StateId, New SelectList("", "Id", "Name"), "--Select--")
@Html.ValidationMessageFor(Function(model) model.StateId)
End If