es6字符串拼接中 有个下拉框 数据如何循环放进去呢

拇指一代
  • 290
 <select  name="servicePeriod" class="select_condition">
        <option value="请选择">请选择</option>
         <option value="不限">不限</option>
</select>
回复
阅读 1.6k
3 个回答
        <select  name="servicePeriod" class="select_condition">
                         <option value="">请选择</option>
                         <option value="0">不限</option>
                         ${servicePeriod.map(servicePeriod=>`
                            <option value="${servicePeriod.dictValue}">${servicePeriod.dictLabel}</option>
                                `).join('')}
                         </select>
侯小赖QwQ
  • 12

Hi, 拇指一代

看了你的问题描述,但是似乎太少,我理解了一下,不知道是否是这个意思

有类似如下结构数据

const data = [
  {
    label: '请选择',
    value: '请选择',
  },
  {
    label: '不限',
    value: '不限',
  },
  ...
];

然后要生成 option 最后放入 select 中,你提到了使用 es6 的字符串拼接

function getOptions(data) {
  return data.map(({label, value}) => {
    return `<option value="${value}">${label}</option>`;
  }).join('');
}

最后要将生成的字符串放入 select 中,如果使用了 jQuery 这个问题就更好解决了

$('.select_condition').html(getOptions(data));

希望能帮到你!

vue:v-for;选项少了,就写死;选项多了,你看看怎么动态循环出来;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏