使用列表

时间:2015-04-22 12:12:40

标签: javascript sharepoint

我需要在SharePoint网站中创建一个简单的下拉列表,该网站从同一网站的列表中获取值。我不想使用表单或信息路径,我更喜欢使用HTML,CSS和JavaScript创建它。

1 个答案:

答案 0 :(得分:0)

假设您的HTML有以下内容 - 例如在内容编辑器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或标题之外的其他字段,则必须使用描述here所述的InternalName将它们包含在请求URL末尾的select语句中:

?$select=FileLeafRef

MS TechNet中有更多examples on how to retrieve and work with SharePoint ListItems using REST,MSDN中有更多documentation of the REST API