如何预填充下拉

Question

我有从的getJSON调用填充如下图所示

查看下拉列表

@{ 
    var NoticeFilter =(X.Models.Y.Z.NoticesEntity) ViewData["NoticeFilter"]; 
} 


<div class="form-group"> 
    <label>Field Office</label> 
    <select data-bind="options: FieldOffice, value: selectedFieldOffice, optionsCaption:'Choose...', optionsValue:'FieldOfficeID', optionsText:'Name'"> 
     @if(NoticeFilter!=null) 
     { 
      <option value="@NoticeFilter.FieldOfficeID" selected></option> 
     } 
    </select> 
</div> 

当我直接到该页面和发送数据到NoticeFilter我想在下拉列表中选择预先与Noticefilter其他值之间在价值的价值。如何做我实现这个

我想知道是否有方法在剃须刀的HTML，我可以设置默认值下拉后从数据绑定从KO JS

Answer 1

WORKING 我发现这是访问的ViewData或ViewBag在我的JS

我用KO JS optionsAfterRender如下

VIEW

<select data-bind="options: SubType, value: selectedSubType, optionsValue:'SubTypeID', optionsText:'SubTypeDescription',optionsAfterRender:function(){setOptionST(@Noticefilter .SubTypeID);}"></select> 

单程几次尝试后

JS

在视图模型

self.setOptionST = function (x) { 
     //here we can do whatever is intended to in my case to set the initial value in dropdown 
     self.selectedSubType(x); 
    }; 

Answer 2

你试过吗？

<script> 
var str = @Html.Raw(Json.Encode(ViewData["Text"])); 
</script>