获取标签,操作标签

JS操作标签

获取标签对象:

标签id:
var sel = document.getElementById('application');

标签name:
var sel = document.getElementsByTagName('select')

标签class:
var sel = document.getElementsByClassName('select')

操作标签:值,属性

获取值:
var sel = document.getElementById('application');
console.log(sel .value)

获取属性:
sel.getAttribute("属性")
设置属性
sel.setAttribute("selected","selected")

获取文本:
//获取div的文本内容
var tag=document.getElementById('div')
var content=tag.innerText
console.log(content)

将标签添加到另一标签中
tr.appendChild(td); //将新创建的td标签插到tr标签中

 

案例:

<input id="inp" style="display:none" type="text" value="{{ obj.application }}">
<a class="list-group-item">

  应用:<select name="application" id="application" class="list-group-item">
        {% for prod in prod_objs %}
           <option value="{{ prod.eng_name }}">{{ prod.name }}</option>
        {% endfor %}
       </select>
 </a>

<script>
var sel = document.getElementById('application');
console.log(sel);
var app = document.getElementById('inp');
console.log(app);
var opt = sel.options;
console.log(opt);
for(var i=0;i<opt.length;i++){
	// var cc=c[i].value;//获取value
    if (opt[i].value == app.value){
       opt[i].setAttribute("selected","selected")  // 添加selected属性
    }
	// var cc=c[i].text;//获取option之间的text
	}
</script>

结果:

JQ 操作

https://www.cnblogs.com/zgf-666/p/9164719.html

 获取被选中的select中被选中的option的值

https://blog.csdn.net/weixin_30569153/article/details/98767148