主页 / 问题 / 1014742
Accepted
Stop-TussiN
Asked:2020-08-18 16:27:00 +0000 UTC2020-08-18 16:27:00 +0000 UTC

使用外部文件调用选择

  • 772

有一个正常的选择：

<select>
    <option value="1">1</option>
    <option value="2">2</option>
</select>

是否有可能以某种方式将值传输到外部文件，例如 select.html，以便在打开列表时从该文件加载选项？也许javascript有一些解决方案？我在整个互联网上搜索，一无所获。

javascript

2 个回答

  1. Best Answer

    您可以从服务器下载json并从中粘贴。

    let toOption = data => `<option value="${data}">${data}</option>`;

select.onclick = e => fetch('https://api.myjson.com/bins/jzm1v')
  .then(resp => resp.json())
  .then(data => {
    select.onclick = null;
    select.innerHTML = data.map(toOption).join('')
    select.blur();
  })
    <select id=select><option>click to load</option></select>

    • 1

  2. jquery 选项。在 options.text 中，每个选项都在一个新行上。该值通过等号 (=) 与名称分隔。

    $('select').click(function(event) {
    if($(this).text()==''){
        $select = $(this);
        $.ajax({
            url: 'options.text',
            dataType: 'text',
        })
        .done(function(options) {
            options = options.split('\n');
            for( opt in options ){
                option = options[opt].split('=');
                $select.append( '<option value='+option[0]+'>'+option[1]+'</option>' );
            }
        });
    }
});
    • 1

相关问题