리스트 표시 방법 <string> html select control

Question

필자는 열을 드래그 할 때 html을 선택하여 목록을 바인딩해야합니다. 다음은 다음 함수는 끌어서 놓기 위해 사용된다 // list<string>

var oper; 
    function FunctionScript() { 
    $.ajax({ 
     type: "POST", 
     url: "Webtop.aspx/FunctionDropdown", 
     data: {}, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function(msg) { 
      $("#ddOperators").empty(); 
      for (var i = 0, l = msg.d.length; i < l; i++) { 
       $("#ddOperators").append("<option>" + msg.d[i] + "</option>"); 
       oper = msg.d; 
       alert("Check Dropdown"); 
      } 
      alert('Check Operator DropDown' + msg.d.length); 
     }, 
     error: DisplayError 
    }); 


} 

를 얻을 내 기능입니다.

 function handleDropEvent(event, ui) { 
     var draggable = ui.draggable; 
     var uid = removeSpaces(draggable.attr('text')); 
     FunctionScript(); 
     var colName = draggable.attr('title'); 
     $('#selectedColumns > tbody:last').append('<tr id="' + uid + '"><td></td> 
<td><input type="checkbox" id="chk" checked="checked" /></td><td><label>' + colName + '</label></td><td><input type="text" /></td><td><a href="#">Delete</a></td> 
    <td><select title="select table" id="ddOperators"/></td><td><input type="text" /></td> 
    <td><div><input type="text" value="" size="20" name="txtForeColor"/><a id="pick2" name="pick2" href="#">Select Color</a></div></td><td></td></tr>'); 
      $("#selectedColumns").tableDnD({ onDragClass: "DragClass" }); 

    } 

선택 ID는 ddOperators입니다. 현재 select는 list<strings>과 바인딩되지 않습니다.

Answer 1

스크립트에서 다음과 같이 변경하십시오.

목록이 표시하지만, 끌어서 놓기에 선택의 값은 null이된다 얻을되어, 처음으로

var draggable = ui.draggable({helper:'clone'});