Jquery二级联动

最新推荐文章于 2022-04-06 21:45:53 发布

daimengs

最新推荐文章于 2022-04-06 21:45:53 发布

阅读量325

点赞数

本文链接：https://blog.youkuaiyun.com/daimengs/article/details/79225191

版权

这篇博客介绍了如何在页面加载完成后，利用Jquery动态创建`option`元素，并根据特定的`key`选择器定位到指定节点。通过`.key`选择器的`append`方法，可以将新的`option`元素添加到`select`下拉框中，通常使用标识数字作为选项的value值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/1.页面加载完之后进行动态创建 option 根据《key》定位到指定节点，
通过$(".key").append($(<opation value="0">xx</option>));（创建选项）//值一般用标识数字是很好的推选/

通过二维数组方式来进行动态创建。
ver $arr=new array([],[]..........);
通过便利$arr来进行动态创建
$(function(){
ver $arr1=new array("xx",..........);//数据源
var  $select=$(".key")//指定选项
$select.append("<option value='请选择'>请选择</option>");
$($arr).each(function(index){//创建第一级菜单选项加载页面创建
    var $option=$("<option value="+index+">"+$arr.get(index)+"</option>");
  $select.append($option);
});
//联动二级监听一级改变事件创建二级选项菜单
$(".key2").change(function(){
  var $key2=$(".key2");
  $key2.empty;//清空选项option
  var index=$(this).val();
  $key2.append("<option value='请选择'>请选择</option>");
  if(index!="请选择"){
   var $arr2=$arr[parsetInt(index)];
    $($arr2).each(function(index){ 
       var $option=$("<option value="+index+">"+$arr.get(index)+"</option>");
    });
  }
});

});

Jquery二级联动

/*1.页面加载完之后进行动态创建 option 根据《key》定位到指定节点， 通过$(".key").append($(<opation value="0">xx</option>));（创建选项）//值一般用标识数字是很好的推选*/

通过二维数组方式来进行动态创建。

通过便利$arr来进行动态创建

/1.页面加载完之后进行动态创建 option 根据《key》定位到指定节点，
通过$(".key").append($(<opation value="0">xx</option>));（创建选项）//值一般用标识数字是很好的推选/