This article introduces to you a summary (code) of various usages of select in HTML. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
1) Hide and show select:
$("selectList").style.display=$("selectList").style.display=="block"?"none":"block";
2) Select is available or unavailable:
< head> < SCRIPT LANGUAGE="JavaScript"> < !-- //oSelect 列表的底部添加了一个新选项 function onload(){ var oOption = document.createElement("OPTION"); oOption.text="Ferrari"; oOption.value="4"; oSelect.add(oOption); }
function fnChange(){ oData.value+=oCars.options[oCars.selectedIndex].text + " "; } //--> < /SCRIPT> < /head> < !--手工添加一个Select--> < !--1 uses the SELECT element to create a drop-down list box-->
Attachment: Some Select skills
1. Dynamic Create select
function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); }
2. Add option option
function addOption(){ //根据id查找对象,var obj=document.getElementById('mySelect'); //添加一个选项obj.add(new Option("文本","值"));}
3. Delete all options option
function removeAll(){ var obj=document.getElementById('mySelect'); obj.options.length=0; }
4. Delete one option option
function removeOne(){ var obj=document.getElementById('mySelect'); //index,要删除选项的序号,这里取当前选中选项的序号 var index=obj.selectedIndex; obj.options.remove(index); }
5. Get The value of option option
var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序号,取当前选中选项的序号 var val = obj.options[index].value;
6. Get the text of option option
var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序号,取当前选中选项的序号 var val = obj.options[index].text;
7. Modify option option
var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序号,取当前选中选项的序号 var val = obj.options[index]=new Option("新文本","新值");
8. Delete select
function removeSelect(){ var mySelect = document.getElementById("mySelect"); mySelect.parentNode.removeChild(mySelect); }
9. Set select optin
function removeSelect(){ // 向办件人员下拉列表动态添加员工 for ( var i = 0; i < json.length; i++) { var newOption = new Option(json[i].empname, json[i].empid, i); //向办件人员下拉列表添加员工信息 objDeal.options.add(newOption); //客户业务员的Id不为空 if(empbyDealEmpId!="" || empbyDealEmpId!=0){ //员工id等于下拉列表中的值,则下拉列表被选中 if(empbyDealEmpId==objDeal.options[i].value){ //判断此下拉列表被选中 objDeal.options[i].selected=true;
Recommended related articles:
How the HTML Select object operates the Option object
Introduction to three methods of distributing status across components in React
The above is the detailed content of Summary of various usages of select in html (code). For more information, please follow other related articles on the PHP Chinese website!