下拉列表的联动-CSDN博客

本文链接：https://blog.csdn.net/weidongke/article/details/84022747

可以使用ajax实现这一联动效果，但由于项目需求，使用ajax实现有点问题，现提供一种不用ajax的实现效果！
jsp代码


<f:selectOneMenu id="provice" value="#{Test.provice}" onchange="createOption();      <h:selectItem itemValue="" itemLabel="--请选择--" />
   <h:selectItem itemValue="1" itemLabel="浙江" />
   <h:selectItem itemValue="2" itemLabel="江苏" />
</f:selectOneMenu>
<f:selectOneMenu id="city" value="#{Test.city}">
</f:selectOneMenu>

js代码


function createOption(){
     var provice= document.getElementById("crlimit:provice").value;
     var city= document.getElementById("crlimit:city");
     city.options.length=0;  //每次选择前清空之前的内容
     if("1"==provice){
	var opt=document.createElement("option");
	    opt.innerHTML="杭州";
	    opt.value="0";
	    city.appendChild(opt);
	    var opt1=document.createElement("option");
	    opt1.innerHTML="宁波";
	    opt1.value="1";
	    city.appendChild(opt1);
      }else if("2"==provice){
        var opt=document.createElement("option");
	    opt.innerHTML="南京";
	    opt.value="0";
	    city.appendChild(opt);
	    var opt1=document.createElement("option");
	    opt1.innerHTML="苏州";
	    opt1.value="1";
	    city.appendChild(opt1);
      }