js 선택 제어 구현 code_form 효과

구현 코드:

코드 복사 코드는 다음과 같습니다.

<버튼 onclick= 'test[ test.length]=new Option("1","12");'>텍스트와 값을 동시에 추가
텍스트에 대한 작업 값에 대한 작업
view
del1
del2
del3

효과 시연:

<select id="test11" size="5" style="width:50px"></select> <select id="test" style="width:50px"></select> <button onclick='test[test.length]=new Option("1","12");'>텍스트와 값을 동시에 추가</button> <button onclick='test.insertBefore(document.createElement("option")).innerText="2";'>텍스트 작업</button> <button onclick='test.appendChild(document.createElement("option")).setAttribute("value","3");'>가치에 따른 운영</button> <button onclick="alert(test.outerHTML)">보기</button> <button onclick="test.removeChild(test.children[0])">del1</button> <button onclick="test.firstChild.removeNode()">델2</button> <button onclick="test[0]=null">del3</button>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]