2015-04-22 3 views
-6

Мне нужно создать простой раскрывающийся список на сайте SharePoint, который принимает значения из списка на том же сайте. Я не хочу идти с формами или информационными дорожками, я бы предпочел создать его с помощью HTML, CSS и JavaScript.Создайте выпадающий список в SharePoint со значениями из списка

+3

Пожалуйста, разместите свой код, который вы пробовали – Kushal

ответ

0

Предполагая, что ваш HTML имеет что-то следующее: например, в Content Editor WebPart:

<select id="MySelectId"> 
    <option value="" disabled selected>Select your option</option> 
</select> 

Ваш JavaScript может выглядеть следующим образом (с помощью JQuery для удобства ...):

$.ajax({ 
    url: "http://<DomainName>/<PathToWeb>/_api/web/lists/GetByTitle('<ListTitle>')/items", 
    type: "GET", 
    headers: { 
     "accept": "application/json;odata=verbose", 
    }, 
    success: function(data){ 
     $.each(data.d.results, function (key, value) { 
      $("#MySelectId").append($("<option></option>") 
          .val(value.ID) 
          .html(value.Title); 
     }); 
    }, 
    error: function(error){ 
     alert(JSON.stringify(error)); 
    } 
}); 

В $.each обратного вызова вы можете работать с деталями, однако вы хотите - например для заполнения вашего выпадающего списка и т. д.

n.b. Если вам нужны другие поля, чем ID или название, вы должны включить их в отборном заявлении в конце URL запроса с использованием InternalName, как описано here:

?$select=FileLeafRef 

Есть более examples on how to retrieve and work with SharePoint ListItems using REST в MS TechNet и хорошем documentation of the REST API в MSDN.

Смежные вопросы