js动态实现选择器

function year_selector(){
$(“#my_year option”).remove(); //清空下拉框的值
//设置年份的选择
var myDate= new Date();
var startYear=myDate.getFullYear()-10;//起始年份
var endYear=myDate.getFullYear();//结束年份
var obj=document.getElementById(‘my_year’)
//动态添加选项值
for (var i=startYear;i<=endYear;i++) {
obj.options.add(new Option(i,i));
}
//设置下拉框选中某个值
$(‘#my_year option:selected’).text(‘需要默认选中的值’);
// obj.options[obj.options.length-2].selected=1; //1代表选中;0代表不选中; obj.options[obj.options.length-1].selected代表选中倒数第1个选项
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现级联选择,可以使用HTML和JavaScript。以下是一个简单的示例,演示了如何使用HTML和JavaScript创建级联选择: HTML代码: ``` <label for="country">选择国家:</label> <select id="country" onchange="updateStates()"> <option value="">请选择</option> <option value="china">中国</option> <option value="usa">美国</option> <option value="uk">英国</option> </select> <br> <label for="state">选择州/省:</label> <select id="state"> <option value="">请选择</option> </select> ``` JavaScript代码: ``` const states = { china: ["北京", "上海", "广东"], usa: ["纽约", "加利福尼亚", "德克萨斯"], uk: ["伦敦", "曼彻斯特", "利物浦"] }; function updateStates() { const countrySelect = document.getElementById("country"); const stateSelect = document.getElementById("state"); // 清空州/省下拉列表 stateSelect.innerHTML = '<option value="">请选择</option>'; // 获取所选国家的州/省列表 const selectedCountry = countrySelect.value; const selectedStates = states[selectedCountry]; // 如果州/省列表存在,创建下拉列表选项 if (selectedStates) { for (let i = 0; i < selectedStates.length; i++) { const option = document.createElement("option"); option.text = selectedStates[i]; option.value = selectedStates[i]; stateSelect.appendChild(option); } } } ``` 该代码会创建两个下拉列表框,第一个下拉列表框用于选择国家,第二个下拉列表框用于选择该国家的州/省。当用户选择国家时,使用JavaScript更新州/省下拉列表框的选项。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值