입력 가능한 드롭다운 상자 선택

쓰다
주로 원select에div를 덮어쓰고 데이터를 선택할 때div의 input에 값을 부여합니다

 



<html>
<head>
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
    <title>       </title>
</head>
<body>
    <form action="" name="myform">
    <div style="position: relative;">
        <span style="margin-left: 100px; width: 18px; overflow: hidden;">
            <select style="width: 118px; margin-left: -100px" onchange="this.parentNode.nextSibling.value=this.value">
                <!--       ，    ，      
      this: <select>
      this.parentNode: <select>       <span>
      this.parentNode.nextSibling: <select>       <span>       <INPUT>
 
     alert(this.parentNode.tagName)
      alert(this.parentNode.nextSibling.tagName)
     -->
                <option value="option1">option1 </option>
                <option value="option2">option2 </option>
                <option value="option3">option3 </option>
            </select>
        </span>
        <input name="box" style="width: 100px; position: absolute; left: 0px;">
    </div>
    </br>
    <input type="button" name="submit" value="OK" onclick="alert(myform.box.value)" style="width: 100px;">
    </form>
</body>
</html>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

js 드롭다운 상자 선택 점프

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

입력 가능한 드롭다운 상자 선택

좋은 웹페이지 즐겨찾기