js 对 select 中的 option 进行中文排序问题

痛定思痛。 2022-08-10 14:49 220阅读 0赞

从数据库中读取出 select 列表的 option 值是按照数据库中的顺序进行排列的，有时需要对 optiion 的中文按照字母序进行排序，这时需要注意的问题是  option 的 text 值 和 value 值要同时排序。这样提交 form 表单将数据提交到数据库时就能按照 正确的 value 值进行插入数据了。

下面是一个写好的  sortOptions(oSel) 对 option进行排序的函数， oSel 为 select 的名字。

var select = document.getElementById('select') ;

select_root.options.length = 0 ;		// 长度清零
    			
    // 添加 " --市-- "
    var cityOption = document.createElement("option") ;
    cityOption.innerText = "--市--" ;		
    select_root.appendChild(cityOption) ;
    			
    for(var i = 0; i < xSel.length; i ++) {
    <span style="white-space:pre">	</span>var xValue = xSel[i].childNodes[0].firstChild.nodeValue;  
    	var xText = xSel[i].childNodes[1].firstChild.nodeValue ;
    				
    	var option = new Option(xText, xValue) ;
    				
    	try{
    		select_root.add(option) ;
    	}catch(e){}
    }
    			
    // 排序
    sortOptions(select_root) ;