HTML : 콤보 상자 스타일 컨트롤 만들기

Question

HTML 폼의 선택 태그 안에 어떻게 텍스트 필드를 만들 수 있습니까?

나는

<form> 

<select> 
<option> <input type="text"/> </option> 
<option> myname </option> 
<option> yourname </option> 

</select> 

</form> 

을 시도하지만이 작동하지 않습니다 .. 모든 단서하세요?

예를 들어

, 당신은 <option> 태그의 내부에 input를 가질 수 없습니다이 웹 사이트 http://petsplusus.com/quote/pet 애완 동물 품종 필드

Answer 1

그것의 유효은 선택의 옵션 내부의 입력을 가지고 있지만, 어떤 사람들이 할 것은 당신이 그것을 내부 검색 상자를 가질 수있는 선택 사용자 정의를 작성하지 이해가되지 않습니다, 당신은 사용할 수 있습니다 그것을 할 약간의 플러그인, 여기있다 Choosen

Answer 2

참조하십시오. 그건 잘못되었습니다.

Answer 3

select/option 안에 input 태그를 사용할 수 없습니다. 원인 :

• 잘못된 HTML입니다.
• 는

Answer 4

태그 안에 입력을 할 수 없다. 대신이 같은 것을 수행해야합니다

<select> 
    <option value="dog">dog</option> 
    <option value="cat">cat</option> 
</select> 

밖으로 http://www.w3schools.com/tags/tag_select.asp

Answer 5

확인하세요 당신은 드롭 다운 내부의 텍스트 상자를 가질 수 없습니다.

당신은 드롭 다운 외부 텍스트 상자를 놓고, 특정 옵션을 선택한 경우에만 표시 할 수 있습니다 :

<script type="text/javascript"> 
function settext(sel) { 
    if (sel.selectedIndex == 1) { 
    document.getElementById('txt').style.display = 'block'; 
    } else { 
    document.getElementById('txt').style.display = 'none'; 
    } 
} 
</script> 

<select onchange="settext(this);"> 
    <option> custom name: </option> 
    <option> myname </option> 
    <option> yourname </option> 
</select> 
<input type="text" id="txt" style="display:block" /> 

Answer 6

그것은 나에게 소리 당신은 콤보를 만들려면처럼.

jQuery UI에는 이것을 수행 할 수있는 autocomplete plugin이 있습니다. jQuery 또는 jQuery UI를 사용하지 않는 경우 "콤보 박스"를 검색하면 올바른 방향으로 시작할 수 있습니다.