![](/img/trans.png)
[英](Vue.js) How can I populate the select tag with option tag from array of number values in data?
[英]Populate select option tag with dynamic data from xml link
我需要用从xml链接获取的动态数据填充选择选项标签。
您好,我正在与sharepoint合作,我需要解决我的问题。 我有一个空的选择标签,我需要用xml链接中的动态数据填充它。 https://scontent.ftun3-1.fna.fbcdn.net/v/t1.15752-9/66477621_1241321552715420_782504330790961152_n.png?_nc_cat=103&_nc_oc=AQlt1rE9uaqZ1xQ5hiMymOPlFsedDuxcpBPMP9C_RTgYJ6s8P5ekStaUIaC5MTiZyOY&_nc_ht=scontent.ftun3-1.fna&oh=bbda50d7782545a433025406a28b2396&oe=5DBECD7B
图片中的数据是静态类型的,而xml链接中列的名称是<d:ProjectOwnerName>
,但我希望它是动态的。 从这段代码开始,我该怎么做?
$.ajax({url: _spPageContextInfo.siteAbsoluteUrl + "/_api/ProjectData/[en-US]/Projects",
method: "GET",
dataType: "json",
headers: {Accept: "application/json;odata=verbose"},
success: function(data) {
var dataResults = data.d.results;
var listItemInfo ="";
$.each(dataResults, function(key, value)
{
这是html部分:
<select style="color:black; font-weight:bold;" id="mylist" onchange="myFunction()">
<option></option>
</select>
如果您的数据是xml
则使用dataType:'xml'
。 可能是这样的。
$.ajax({url: _spPageContextInfo.siteAbsoluteUrl + "/_api/ProjectData/[en-US]/Projects",
method: "GET",
dataType: "xml",//or json if xml is wrapped in json
//headers: {Accept: "text/xml"},//make sure you need this
success: function(data) {
//check which is your desired XML
console.log(data);
console.log(data.d);
console.log(data.d.results);
//suppose it is data.d.results
var dataResults = data.d.results;
var list = $('#mylist');
$(dataResults).find('d\\:ProjectOwnerName')//this is how access namespaced property
.each(function(){
list.append($('<option />').text(this.innerText));
});//each
}//success
});//$.ajax
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.