Django接口平台开发问题记录(二)(html中select标签下怎么将本地存储数据赋值给option)

Django接口平台开发问题记录(二)

Js中怎么将sessionStorage存在本地的数据赋值到select标签下的options

场景:HTML界面中使用sessionStorage存取数据,需要在另一个界面中将获取的数据展示在select标签下的option

思路:目前的代码实现为将存入的数据和当前选中的option值进行比对,不一致则替换当前option的value值,将下面的option进行交换
			var in_type = storage.in_type;
	        var obj = document.getElementById("in_type");
	        var data = obj.selectedIndex;
	        old_in_type = obj.options[data].text;
                    //解决替换select中的options重复问题
            if (in_type.toUpperCase() !== old_in_type) {
                obj.options[0].text = in_type.toUpperCase();
                obj.options[0].value = in_type.toUpperCase();
                if (obj.options[0].value === obj.options[1].value) {
                    obj.options[1].value = old_in_type;
                    obj.options[1].text = old_in_type;
                } else if (obj.options[0].value === obj.options[2].value) {
                    obj.options[2].value = old_in_type;
                    obj.options[2].text = old_in_type;
                } else {
                    obj.options[3].value = old_in_type;
                    obj.options[3].text = old_in_type;
                }
            }

以上就是部分代码,代码实现比较粗糙,简单实现了功能,方法比较简单,但容易理解

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值