功能介绍:span设置contenteditable=true
,新增select
下拉框选项。
富文本输出内容:
<span class="sde-ctrl" contenteditable="false" id="sex" sde-type="select" sde-right="." sde-model="" sde-value="" sde-isloadasyncdata="true" bindingdata="[{"value":"0","label":"男","selected":0},{"value":"1","label":"女","selected":1}]" sde-updatetime="2023-07-01T14:36:31.603Z"><span class="sde-value sde-select" contenteditable="true" sde-left="[" sde-right="]" title="性别"></span></span>
先获取bindingdata内容,再重新渲染页面
//获取富文本内容转数组 let sexData = JSON.parse($('#sex').attr('bindingdata')) let sexHtml = '' sexHtml += '<select id="sexSelect">' for(let i=0; i<sexData.length; i++){ if(sexData[i].selected === 1){ sexHtml += '<option value="' + sexData[i].value + '" selected="selected">' + sexData[i].label + '</option>' }else{ sexHtml += '<option value="' + sexData[i].value + '">' + sexData[i].label + '</option>' } } sexHtml += '</select>' $("#sex .sde-select").html(sexHtml)
现在应该就可以了~
HTML标签:contenteditable可以让任何标签都可编辑
上面是“span设置contenteditable=true添加下拉框选项”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_5103.html
workflows工作流
一位穿着优雅银色装饰黑色连衣裙的苗条模特
一朵由琥珀制成的孤独美丽的玫瑰
葡萄庄园白葡萄酒ComfyUI工作流
一条精致透明的朱红色水晶龙
一种长着彩虹翅膀的虫子comfyui工作流
一个巨大的漆黑的蟹王ComfyUI工作流
一只可爱的雪豹在雪地里散步ComfyUI工作流
一群可爱的小老鼠ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!