如何从JSON API变量设置数据显示键
如何从JSON API变量设置数据显示键
提问于 2019-07-15 19:22:41
我正在尝试制作一个显示来自JSON APIs.But的数据的HTML表单。我需要将data-display键设置为一个变量，因为我将使用两个依赖的下拉列表，并且我必须记录从第一个列表中选择的内容，并使用它的值作为第二个列表的数据显示键。
html：
<form>
<div class="form-group">
<label for="client">Select payment</label>
<select
class="form-control"
name="payment"
id="payment"
data-source="https://sheetdb.io/api/v1/ptnaed3a6a4nr"
data-displayKey="Client_Name">
</select>
</form>JS：
$('select[data-source]').each(function select() {
var $select = $(this);
$select.append('<option></option>');
$.ajax({
url: $select.attr('data-source'),
}).then(function select(options) {
options.map(function select(option) {
var $option = $('<option>');
$option
.text(option[$select.attr('data-displayKey')]);
$select.append($option);
});
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2019-07-15 19:33:47
我看到你在用JQuery，你可以用
$.getJSON( "url", function( data ) {
var items = [];
$.each( data, function( key, val ) {
items.push( "<option value='" + key + "'>" + val + "</option >" );
});
$( "<selector>", {
"class": "my-new-list",
html: items.join( "" )
}).appendTo( "selector" );
});有关更多信息，请查看此url 1
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57038679
复制相关文章
相似问题
腾讯云开发者
