动态加载下拉框(默认选中)

动态加载下拉框数据

在一个页面中实现修改(包括id取值，修改)，保存操作

今天做的一个下拉框动态加载数据，需求是这样的：
进入到页面的时候，下拉框数据加载完成,页面如下

然后就是需求，先看着这个页面，需要实现根据下拉选择进行查询后面的数据(有点类似级联)，接着判断，这里的判断是：如果下拉选择可以查询到数据，就进行修改操作，没有数据需要填充数据，进行保存操作。

我这里用的数据访问层框架是JPA,它有一个简单的方法，save()方法可以进行修改保存，也可以直接保存，所以可以直接表单提交

在进入页面的时候下拉框就加载好了数据，而我后面要做的就是需要固定一个默认的，也就是选中的时候下拉框值不变(因为会刷新)，其他值查询出来显示。下面红色框中就是这一步的操作，默认选中
查看数据结构

竟然根据选中的值，来查询其他数据，需要判断，默认选中。
这里隐藏一个标签用来存放值，后面可以根据id来取值

        <input type="hidden" name="srcStoreId" id="srcStoreId" value="${store.storeId}" />     
        <select name="storeId" class="form-control" value="" onchange="submitForm()" id="storeId">  

        </select>

select中onchange方法是根据选择的值查询所有数据。

//根据门店 Id进行查询               
    function submitForm(){
        var options=$("#storeId option:selected").val(); //获取选中的项
        if(options!=null){
           window.location.href="${webroot}/example/findDataById.do?storeId="+options; 
        }
    }   

总结：

主要是下拉默认选中，需要进行判断，所以我就隐藏一个值，再根据id去取。做的时候忽略了这一步，不知道怎么让他默认选中。