Is there a way to fill in the identical value in the dropdown list below?

Question

Is there a way to fill in the identical value in the dropdown list below?

In my controller, I have two viewbags set up like this:

ViewBag.MyCategory = new SelectList(db.RecyclableType, "id", "type");
ViewBag.iddd = new SelectList(db.RecyclableType, "id", "type");

And in my View:

@Html.DropDownList("iddd", (IEnumerable<SelectListItem>)ViewBag.iddd, "SELECT ITEM TYPE", new { @class = "form-control" })
@Html.DropDownList("MyCategory", (IEnumerable<SelectListItem>)ViewBag.MyCategory, "SELECT ITEM TYPE", new { @class = "form-control"})

I attempted to create a function as shown below but it is not functioning correctly:

document.getElementById("iddd") = document.getElementById("MyCategory");

javascript c#asp.net asp.net-mvc

Answer 1

Answer №1

If you want to accomplish this task, jQuery is the way to go.

To start, listen for changes in the iddd dropdown and retrieve its value
Next, assign this value to the MyCategory dropdown and mark it as selected

$("#iddd").change(function () {
    var value = $("#iddd").val();
    $("#MyCategory").val(value).attr("selected", "selected");
});

Important: Remember to include the jQuery script file in the head section of your document

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Answer 2

If you want to accomplish this task, jQuery is the way to go.

To start, listen for changes in the iddd dropdown and retrieve its value
Next, assign this value to the MyCategory dropdown and mark it as selected

$("#iddd").change(function () {
    var value = $("#iddd").val();
    $("#MyCategory").val(value).attr("selected", "selected");
});

Important: Remember to include the jQuery script file in the head section of your document

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Is there a way to fill in the identical value in the dropdown list below?

Answer №1

Similar questions

Using React to create a fadeout effect and decrease the length of the photo

Spinal cord: Connecting to the surrounding container of the view

Tips on incorporating redirect link to Material UI icon's onclick in React

Using Variables in ASP.NET Web Forms Pages

Discovering the RGB color of a pixel while hovering the mouse in MapboxGL Js

Is there a way to access the body html element within a template in vue.js?

React: Modifying values of individual input fields

Exploring the depths of Javascript with recursive AJAX callbacks and tackling the challenge of reaching

Enhancing AngularJS routing with dynamic partial parameters

Creating Various Views of the Same 3D Model

Encountering issues with pipes and ngModel functionality in Angular causing errors

Expanding and collapsing multiple div elements easily with Javascript code

Comparison of Performance between Linq to SQL, Entity Framework, and NHibernate in an ASP.NET 3.5 Mashup-Style Application

Tips on reversing a numeric value with scientific notation in nodeJS

How can JavaScript be used to dynamically display submitted HTML form values on the same page, as well as how to perform calculations on the form data?

Best Practices for Creating Custom 404 Pages in ASP.NET Web Forms 4.5

Is it necessary to bump the major version if I make updates to a react module that does not affect existing code functionality, but may cause Jest snapshot tests to break?

picking out a particular set of data from a JSON document

Issue with JSON-to-MUI card mapping causing absence of UI components or error messages

Custom properties of an object are being erased when converting to JSON format within the canvas