0

私の MVC アプリケーションには、フォーム フィールドというボタンが含まれています。ユーザーがそのボタンをクリックするたびに、オプションとしてテキスト、チェックボックスなどを含むモーダルボックスにドロップダウンリストが表示されます。

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>")
             }
         }

テキストエリアとボタンはモーダルボックスに表示されますが、ユーザーがテキストエリアに入力したオプションは追加されません

4

1 に答える 1

1

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

私はこのように試しました、それは働いていました

于 2013-04-02T12:17:10.383 に答える