Question

大家好，请大家帮忙，我需要在url中使用JSON数据包含JSON数据somexample.json到html选择droplist与javascript。我试图找到解决方案，但没有得到解决方案，请任何人帮助我。

{
    ＆＃34;细节＆＃34;：{
    ＆＃34; numberOfBundles＆＃34;：14，       ＆＃34;束＆＃34;：[
         {
            ＆＃34;量＆＃34;：100.0，             ＆＃34;说明＆＃34;：＆＃34; 200分钟Onnet语音＆＃34;，             ＆＃34; TYPECODE＆＃34;：153          }，          {
            ＆＃34;量＆＃34;：1200.0，             ＆＃34; description＆＃34;：＆＃34; 1GB Data Bundle＆＃34;，             ＆＃34; TYPECODE＆＃34;：101          }，          {
            ＆＃34;量＆＃34;：400.0，             ＆＃34;描述＆＃34;：＆＃34; 5GB Night＆amp;周末数据包＆＃34;，             ＆＃34; TYPECODE＆＃34;：162          }，          {
            ＆＃34;量＆＃34;：3000.0，             ＆＃34; description＆＃34;：＆＃34; 3GB Data Bundle＆＃34;，             ＆＃34; TYPECODE＆＃34;：102          }，          {
            ＆＃34;量＆＃34;：5000.0，             ＆＃34; description＆＃34;：＆＃34; 5GB Data Bundle＆＃34;，             ＆＃34; TYPECODE＆＃34;：161          }，          {
            ＆＃34;量＆＃34;：5000.0，             ＆＃34;描述＆＃34;：＆＃34; 7GB随时数据计划＆＃34;，             ＆＃34; TYPECODE＆＃34;：164          }，          {
            ＆＃34;量＆＃34;：7500.0，             ＆＃34;描述＆＃34;：＆＃34; 10GB夜晚＆amp;周末数据包＆＃34;，             ＆＃34; TYPECODE＆＃34;：144          }，          {
            ＆＃34;量＆＃34;：9000.0，             ＆＃34; description＆＃34;：＆＃34; 10GB Data Bundle＆＃34;，             ＆＃34; TYPECODE＆＃34;：103          }，          {
            ＆＃34;量＆＃34;：14000.0，             ＆＃34;说明＆＃34;：＆＃34; 20GB夜晚＆amp;周末数据包＆＃34;，             ＆＃34; TYPECODE＆＃34; 145          }，          {
            ＆＃34;量＆＃34;：17000.0，             ＆＃34; description＆＃34;：＆＃34; 20GB Data Bundle＆＃34;，             ＆＃34; TYPECODE＆＃34;：104          }，          {
            ＆＃34;量＆＃34;：36000.0，             ＆＃34; description＆＃34;：＆＃34; 50GB Data Bundle＆＃34;，             ＆＃34; TYPECODE＆＃34;：105          }，          {
            ＆＃34;量＆＃34;：70000.0，             ＆＃34; description＆＃34;：＆＃34; 100GB Data Bundle＆＃34;，             ＆＃34; TYPECODE＆＃34;：142          }，          {
            ＆＃34;量＆＃34;：5E + 5，             ＆＃34; description＆＃34;：＆＃34; 500MB Data Bundle＆＃34;，             ＆＃34; TYPECODE＆＃34;：100     }，     {
    ＆＃34;量＆＃34;：5E + 5，     ＆＃34; description＆＃34;：＆＃34; 200GB Data Bundle＆＃34;，     ＆＃34; TYPECODE＆＃34;：143     }     ]     }     }

我需要html选择。

<select name="internetbundle">
<option value="500.00">5GB Night & Weekend Data Bundle</option>
<option value="3000.00">3GB Data Bundle</option>
<option value="5000.00">7GB Anytime data plan</option>
</select>

Answer 1

你只需要遍历bundle并通过jQuery追加。

json.details.bundle.forEach(function(value) {   
var value = value.amount
var data = value.description
var id = value.typeCode
$('select[name="internetbundle"]').append('<option id="'+id+'" 
    value="'+value+'">'+data+'</option>');
)}

如何使用javascript

1 个答案: