1

我有一个自定义 MVC 项目。我正在使用 Jquery，但我不擅长它。我创建了两个下拉列表。除了其他控件，我还有一个 dropdownlist1、锚链接删除和另一个 dropdownlist2 和一个文本框。

当我单击第一个下拉列表时，我正在使用 Jquery 并从控制器中获取数据。选定的值将显示在标签中，第二个下拉列表将填充为来自控制器的 Viewdata。

我必须通过 javascript/Jquery 完成所有这些工作。

function GetRuleCondition() {

     var e = document.getElementById("FilterCondition");         
     if (e.value != "") {
         action = 'RuleCondition/RuleSettings?FilterCondition=' + e.value;
         $.getJSON(action, function (data) {
             if (data != null) {
                 PopulateFilterCondition(data);
             }
             //alert(data);
             // for (var i = 0; i < data.length; i++) {
             //         $("#FilterRule").append(
             //         $('<option />', {
             //         'value': data[i].id,
             //         'name': data[i].name,
             //         'text': data[i].name
             //     })
             // );   
         });
     }
     e.SelectedIndex=0;
 }

 function PopulateFilterCondition(data) {
     addlist();
     var str = data.toString();
     var array = str.split(",");
     var e = document.getElementById("FilterCondition");
     var labels = document.getElementsByTagName('label');
     var numi = document.getElementById('theValue').value;
     if (document.getElementById("LblFilterConditionName" + numi)) {
         var lblname = document.getElementById("LblFilterConditionName" + numi);
         lblname.innerHTML = e.options[e.selectedIndex].value;
     }
 }

 function addlist() {
     var control = document.getElementById("FilterLst0");
     var lst = document.getElementById("FilterLst");
     var i = 1;
     //control = control;
     //if (control.style.visibility == "visible" || control.style.visibility != "") {
         control.style.display ="none";
    // }
     var div = document.getElementById('UnOrderLst');
     var numi = document.getElementById('theValue');
     num = (document.getElementById('theValue').value - 1) + 2;
     numi.value = num;
     var divIdName = lst + num;
     var lblFilterid = "LblFilterConditionName" + num;
     //         // var ConditionDrpdwnlst = document.getElementById('FilterRuleCondition'); <%= Html.DropDownList('FilterRuleCondition', (SelectList)ViewData['FilterRuleCondition'])%>
     var content = "<li class='lstclass' id= '" + divIdName + "'><a href='#' onfocus='blur();' class='icon cancel'>Cancel</a><label class='frmLabel' id='" +lblFilterid +"'></label><div class='ddComponent'>Dropdownlist</div><span class='inputBX conTrol'><input type='text' class='inputTXT conTrol'></span></li>";
     //alert(content);
     div.innerHTML += content;
     //var lblname = document.getElementById(lblFilterid); //.value = e.value;
     ////         if (e != null && lblname != null) {
     //lblname.innerHTML = e.options[e.selectedIndex].value;

请让我知道如何完成这项任务，因为我迫切需要它。

4

0 回答 0