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