weixin_40729074
2018-04-06 08:04
采纳率: 33.3%
浏览 2.0k
已采纳

下拉框显示点击的选项

下拉框中利用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条回答 默认 最新

  • 已采纳

    你每次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>
    
    点赞 评论
  • z??????? 2018-04-06 08:14

    选中要用selected啊

    点赞 评论

相关推荐 更多相似问题