Question

在我的MVC应用程序中包含了一个名为Form Field的按钮。每当用户点击该按钮时，下拉列表会显示在包含文本的模式框中，复选框等作为选项。

function Select_type(box) {
             var tp = document.getElementById('Type').value;
             switch (tp) {
                 case "Text":
                     {
                     var editor = CKEDITOR.instances.message;
                     editor.insertHtml('<input type="text" id="tx" />'); 
                 }
                     break;
                 case "Checkbox": 
                     { 
                         var editor = CKEDITOR.instances.message;
                         editor.insertHtml(' <input type="checkbox" id="chk" name="chk" />');
                                        } 
                     break;
                 case "Radio": 
                     { 
                 var editor = CKEDITOR.instances.message;
                 editor.insertHtml('<input type="radio" id="rd" name="rd" />');
                   }
                     break;
                 case "DropDown":
                     {
                         var ediotr = CKEDITOR.instances.message;
                         ediotr.insertHtml('<select id="options"></select>');
                         dhtmlx.modalbox({
                             title: "Form Field Properties",
                             text: "<div id='form_in_box'><div ><label>Field Options:<input id='txt'></label><br></div><div><span class='dhtmlx_button'><input type='submit' value='Add' style='width: 86px' onclick='Add_type(this)'></span><span class='dhtmlx_button'><input type='button' value='Cancel' onclick='close_file(this)' style='width:80px;'></span></label></div></div>",
                             width: "300px"
                         });
                     }

                     break;
                 case "Listbox": alert("Listbox");
                     break;
             }              
             dhtmlx.modalbox.hide(box);
         }

当用户选择下拉选项时，会出现一个模式框，允许用户向下拉列表中添加选项

function Add_type(box) {
             var txt = $('#txt').val();
             if (txt.length > 0) {
                 $("#options").append("<option value='" + (txt.length - 1) + "'>" + txt + "</option>")
             }
         }

Textarea和按钮出现在模态框中，但它不会添加用户在textarea中输入的选项

Answer 1

function Add_type（）{
             var txt = $（'＃txt'）。val（）;
             if（txt.length＆gt; 0）{
                 var lBox = $（'select [id $ = options]'）;
                 $（lBox）.append（“＆lt; option value ='”+（txt.length - 1）+“'＆gt;”+ txt +“＆lt; / option＆gt;”）
}
}

我试过这样，它正在发挥作用

允许用户在asp.net MVC的下拉列表中添加选项

1 个答案: