weixin_40729074 2018-04-06 08:04 采纳率: 100%
浏览 2030
已采纳

下拉框显示点击的选项

下拉框中利用onclick点击响应添加了(见getdatasets()方法),但下拉的选项无法被选择显示到框里。onchange应该怎么写

 <div class="form-group" id="select_now">
            <label class="col-xs-3 control-label">选择已有数据集</label>
            <div class="col-xs-3">  
                <select  class="form-control" name="select_dataset" id="select_dataset" onclick="getdatasets();">
                </select>
            </div>
          </div>
function getdatasets(){
    $.ajax({
        type : "POST",
        url:"<%=contextPath%>/getDatasets",
        data : {
            type : "0",
            testname : "自动分类",
        },
        dataType : "json",
        async : false,
        context : null,
        success : function(jsonData) {
             if (jsonData && jsonData != '[]') { 
            //下拉菜单选项显示数据库名,值为数据库的真实地址
            var dataList = jsonData;
            var select_dataset = $("#select_dataset");
            select_dataset.html('');
            var inner = "";
            for(var i = 0; i<dataList.length; i++){             
                inner += "<option value= '"+dataList[i].datasetpath +"'>" + dataList[i].dataset + "</option>";      
            }
            $("#select_dataset").append(inner);
             }
        }   
    }); 
}
  • 写回答

2条回答

  • Go 旅城通票 2018-04-06 08:18
    关注

    你每次click都加载数据了,所以根本选不中。。select的初始化根本不需要事件,直接初始化就行了啊

     <div class="form-group" id="select_now">
        <label class="col-xs-3 control-label">选择已有数据集</label>
        <div class="col-xs-3"><!--去掉onclick事件,也不需要onchange-->
            <select class="form-control" name="select_dataset" id="select_dataset" ></select>
        </div>
    </div>
    <script>
        function getdatasets(){
            $.ajax({
                type : "POST",
                url:"<%=contextPath%>/getDatasets",
                data : {
                    type : "0",
                    testname : "自动分类",
                },
                dataType : "json",
                async : false,
                context : null,
                success : function(jsonData) {
                    if (jsonData && jsonData != '[]') { 
                        //下拉菜单选项显示数据库名,值为数据库的真实地址
                        var dataList = jsonData;
                        var select_dataset = $("#select_dataset");
                        select_dataset.html('');
                        var inner = "";
                        for(var i = 0; i<dataList.length; i++){             
                            inner += "<option value= '"+dataList[i].datasetpath +"'>" + dataList[i].dataset + "</option>";      
                        }
                        $("#select_dataset").append(inner);
                    }
                }   
            }); 
        }
        getdatasets()//////////////////////////////直接初始化就行了
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮