javascript - Why can't I put a DropDownListFor in div content? -

i have 2 dropdownlistfor's, , content of second depends on first.

i'm attempting refresh div content (list) every time different selection made in first bit of javascript:

function onupdate() {     $("#mydiv").html('<%= html.dropdownlistfor(model => model.periodselected, model.periodselectlist) %>'); } 

and div simply:

<div id="mydiv" class="editor-field" /> 

the selectlist in viewmodel depends on selected item first list:

public selectlist periodselectlist     {                 {             var list = this.versions.tolist().where(fv => fv.datesubmitted.year == periodselected);             return new selectlist(list, "id", "version");         }     } 

unfortunately running results in:

microsoft jscript runtime error: not complete operation due error 80020101.

however, i've tried using:

$("#mydiv").html('<%= html.labelfor(...) %>'); 

for onupdate() function , works fine, problem seems dropdownlistfor.

so why not working? thanks

i'm not sure error, afaik it's internet explorer , parsing errors, but.

dropdown list markup generates once on response, string constant.

<%= html.dropdownlistfor(model => model.periodselected, model.periodselectlist) %> same <select>...</select> time.

you need rethink workflow of web site preload needed information , work javascript. thus, need filter periods in browser javascript , left asp.net mvc data source.

or somehow use ajax regenerate dropdown list markup on server. in simple words, in asp.net mvc cannot mix javascript , .net code. , think, right approach. but, if want reason:

there're webforms.