javascript - select标签绑定数据库问题？

问题描述

问 题

数据库：

从数据库获取到的是名为project的json对象，想实现的效果是select下拉选择bname，选择bname以后，option的value为这个bname对应的bid，自己写的是这样：

select.form-control
                    each project in projects
                        option.i41(value='#{project.bid}' class='#{project.class}')
                            | #{project.bname}  

现在下拉选项可以显示两个bname，但是两个bname对应的aid都是第一个bname所对应的bid（16）

想问下代码应该怎么改才能让bname和option的value（aid）一一对应？

解决方案

有点看不太懂你写的代码哎。。。
如果是ajax获取的json数据,我给你写了一个处理方式

    // json arr
    var arr = [{bid:1,bname:"Bname1"},{bid:2,bname:"Bname2"}],html = '';
    $.each(arr,function(k,v){
        html += '<option value="'+ v.bid +'">'+ v.bname+'</option>';
    });
    // $('select') 为你的下拉框 也可以根据.class #id 去找 $('#id')  $('.class')
    $('select').prepend(html)
        

如果是直接用PHP渲染页面的话那就更简单了,一顿foreach ,over!

这篇关于javascript - select标签绑定数据库问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！