이 기사는 JS 코드를 통해 HTML 호출 선택의 다양한 사용에 대한 요약을 소개합니다.
다음은 JS 코드를 통해 HTML 호출 선택의 다양한 사용에 의해 요약 된 관련 컨텐츠입니다. 이 기사 튜토리얼은 주로 Select와 관련된 일부 기술과 지식에 대해 이야기합니다. 자세한 내용은 http://www.vevb.com을 방문하여 더 많은 최신 자습서를 얻을 수 있습니다. 다음은 자습서 설명입니다.
이 기사는 JS 코드를 통해 HTML 호출 선택의 다양한 사용에 대한 요약을 소개합니다.
1) 선택의 숨기기 및 표시 :
$ (selectList) .style.display = $ (selectList) .style.display == block? none : block;
2) SELECT가 사용 가능 여부 :
<disabled = value> document.getElementById (levelDropList) .disabled = value; 사용할 수없는 document.getElementById (levelDropList) .disabled = value; 사용 가능
<html> <head> <script language = javaScript> <!-/// 목록의 하단에 새 옵션이 추가되었습니다.
function fnchange () {odata.value + = ocars.options [ocars.selectedIndex] .Text +;} //-> < /script> < /head> <body onload = onload ()> <!-선택-> <!-1 apelt value = 옵션 <옵션 vally = 1> <옵션 valeS = 1> <옵션 valeS = 1> <옵션 valeS = 1> <옵션 valeS = 1> <옵션 valeS = 1> selected> siamese < /select> <p> <!-2 선택 요소는 크기 및 다중 태그 속성을 설정하여 다중 선택 목록 상자를 만듭니다. 다중 선택 목록 상자에 대한 선택된 옵션을 얻으려면 옵션 컬렉션을 통과하고 선택한 것이 true로 설정되어 있는지 확인해야합니다. -> <select id = oselect name = cars size = 3 배수> <!-3 여기에 설정되어 있습니다-> <옵션 값 = 1 선택> bmw <옵션 값 = 2> 포르쉐 <옵션 값 = 3 선택> 메르세데스 < /select> <p> <!-3 옵션의 사용법을 보여줍니다. value = 1> bmw <옵션 값 = 2> 포르쉐 <옵션 값 = 3 selected> benchan </select> <p> <textarea id = odata> </textRea> </body> </html>첨부 파일 : 일부 선택 팁
1. 동적으로 선택하십시오
함수 createSelect () {var mySelect = document.createElement (select); mySelect.id = mySelect; document.body.appendchild (mySelect);}2. 옵션 옵션을 추가하십시오
함수 addOption () {// id, var obj = document.getElementById ( 'mySelect'); // 옵션 추가 obj.add (새 옵션 (text, value));}3. 모든 옵션을 삭제합니다
함수 removeall () {var obj = document.getElementById ( 'mySelect'); obj.options.length = 0;}4. 옵션 옵션을 삭제하십시오
함수 removeOne () {var obj = document.getElementById ( 'mySelect'); // index, 옵션의 시퀀스 번호를 삭제하려면 다음은 현재 선택된 옵션 var index = obj.selectedIndex; obj.options.remove (index);}의 시퀀스 번호입니다.5. 옵션 옵션 값을 얻으십시오
var obj = document.getElementById ( 'mySelect'); var index = obj.SelectedIndex; // 일련 번호, 현재 선택한 옵션 번호 VAR VAL = OBJ.OPTIONS [index] .Value;
6. 옵션 옵션의 텍스트를 얻습니다
var obj = document.getElementById ( 'mySelect'); var index = obj.SelectedIndex; // 일련 번호, 현재 선택한 옵션 번호 VAR VAL = OBJ.OPTIONS [index] .Text;
7. 옵션 옵션을 수정하십시오
var obj = document.getElementById ( 'mySelect'); var index = obj.SelectedIndex; // 일련 번호, 현재 선택된 옵션 var val = obj.options [index] = 새 옵션 (새 텍스트, 새 값);
8. 선택을 삭제하십시오
함수 removeSelect () {var mySelect = document.getElementById (mySelect); mySelect.parentNode.RemoveChild (MySelect);}9. 입력 할 Optin을 선택하십시오
함수 제거 () {// (var i = 0; i <json.length; i ++) {var newOption = new Option (JSON [i] .EmpName, JSON [i] .Empid, I); // 참가자의 드롭 다운 목록에 직원 정보를 추가하지 않음 (nocoption); 빈 if (EmpByDealempId! = EmpByDealempId! = 0) {// 직원 ID는 드롭 다운 목록의 값과 같고 드롭 다운 목록이 선택됩니다.끝. 튜토리얼이 여기에서 완료되었습니다. 독서에서 무언가를 얻었습니까? 이 사이트는 또한 선택 관련 컨텐츠를 제공하며 계속 읽기에 오신 것을 환영합니다.