Databases
StackOverflow2013
Postsdbo
POAsp.net MVC populate a list box with JQuery?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAsp.net MVC populate a list box with JQuery?
    primarykey
    data
    text
    <p>I have a list of Payees in a drop down box on my form. I would like to populate a different drop down, based on the selected item of the Payee drop down, without post backs and all that.</p> <p>So, I created a method in my controller that does the work:</p> <pre><code> private JsonResult GetCategories(int payeeId) { List&lt;CategoryDto&gt; cats = Services.CategoryServices.GetCategoriesByPayeeId(payeeId); List&lt;SelectListItem&gt; items = new List&lt;SelectListItem&gt;(); foreach(var cat in cats) { items.Add(new SelectListItem {Text = cat.Description, Value = cat.CategoryId.ToString()}); } return Json(items); } </code></pre> <p>Now, I am unsure what to add to my view to get this to work.</p> <p>At the moment, all I have is this:</p> <pre><code> &lt;% using (Html.BeginForm()) {%&gt; &lt;p&gt; &lt;%=Html.DropDownList("SelectedAccountId", Model.Accounts, "Select One..", null) %&gt; &lt;/p&gt; &lt;p&gt; &lt;%=Html.DropDownList("SelectedPayeeId", Model.Payees, "Select One...", null) %&gt; &lt;/p&gt; &lt;input type="submit" value="Save" /&gt; &lt;% }%&gt; </code></pre> <p>they populate fine... so when the user selects the SelectedPayeeId drop down, it should then populate a new (Yet to be created?) drop down which holds categories, based on the SelectedPayeeId.</p> <p>So, I think I need to create a JQuery function (Never done JQuery.. so not even sure where it goes) which monitors the Payee drop down for an onChange event? And then call the method I created above. Does this sound right, and if so, can you guide me in how to achieve this?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USCraig
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POAsp.net MVC populate a list box with JQuery?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POAsp.net MVC populate a list box with JQuery?
      1. USJean-François Beauchamp
      1. VTFavorite
    3. VO
      singulars
      1. POAsp.net MVC populate a list box with JQuery?
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload