Как отобразить список в элементе управления выбором html

#jquery #asp.net #json

#jquery #asp.net #json

Вопрос:

Я должен привязать список в html select при перетаскивании столбцов. Ниже приведена моя функция для получения 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" });

    }
  

Идентификатор select — ddOperators ; В настоящее время select не привязывается к list<strings> .

Комментарии:

1. В первый раз список отображается, но при перетаскивании значение в select становится нулевым.

Ответ №1:

Внесите следующие изменения в свой скрипт.

заменить

  var draggable = ui.draggable;
  

с помощью

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