«html-select» 태그된 질문

유한 옵션 모음에서 하나 이상의 옵션을 선택하기위한 HTML 사용자 인터페이스 요소.


15
<select> 양식 필드가 비활성화되었을 때 제출되도록하는 방법은 무엇입니까?
나는이 select내가 값을 수정할 수있는 사용자와 같이, "읽기 전용"으로 표시 할 것을 양식 필드를하지만, 값은 여전히 양식 제출됩니다. disabled속성을 사용하면 사용자가 값을 변경할 수 없지만 양식과 함께 값을 제출하지는 않습니다. 이 readonly속성은 input및 textarea필드 에서만 사용할 수 있지만 기본적으로 내가 원하는 것입니다. 그 일을 할 수있는 방법이 있습니까? 내가 고려하고있는 …

9
JavaScript를 사용하여 HTML 선택 옵션을 어떻게 변경합니까?
다음과 같은 옵션 메뉴가 있습니다. &lt;form name="AddAndEdit"&gt; &lt;select name="list" id="personlist"&gt; &lt;option value="11"&gt;Person1&lt;/option&gt; &lt;option value="27"&gt;Person2&lt;/option&gt; &lt;option value="17"&gt;Person3&lt;/option&gt; &lt;option value="10"&gt;Person4&lt;/option&gt; &lt;option value="7"&gt;Person5&lt;/option&gt; &lt;option value="32"&gt;Person6&lt;/option&gt; &lt;option value="18"&gt;Person7&lt;/option&gt; &lt;option value="29"&gt;Person8&lt;/option&gt; &lt;option value="28"&gt;Person9&lt;/option&gt; &lt;option value="34"&gt;Person10&lt;/option&gt; &lt;option value="12"&gt;Person11&lt;/option&gt; &lt;option value="19"&gt;Person12&lt;/option&gt; &lt;/select&gt; &lt;/form&gt; 이제 href를 사용하여 선택한 옵션을 변경하고 싶습니다. 예를 들면 다음과 같습니다. &lt;a href="javascript:void(0);" onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected …

13
jQuery를 사용하여 드롭 다운 옵션을 선택하는 방법은 무엇입니까?
jQuery가 &lt;option&gt;드롭 다운 상자에서, 예를 들어 4 번째 항목 을 선택하도록 할 수 있는지 궁금합니다 . &lt;select&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;/select&gt; 사용자가 링크를 클릭 한 다음 &lt;select&gt;사용자가를 클릭하여 선택한 것처럼 상자의 값을 변경하도록합니다 &lt;option&gt;.

13
jQuery는 선택된 옵션 값을 얻는다 (텍스트가 아니라 속성 'value')
좋아, 나는이 코드를 가지고있다 : &lt;select name="selector" id="selector"&gt; &lt;option value="1"&gt;Option 1&lt;/option&gt; &lt;option value="2"&gt;Option 2&lt;/option&gt; &lt;/select&gt; 그리고 옵션의 가치를 선택하고 싶습니다. 예 : '옵션 2'가 선택되었으며 값은 '2'입니다. '2'는 '옵션 2'가 아니라 얻는 데 필요한 값입니다.
156 jquery  html  html-select 

27
드롭 다운 상자에서 모든 옵션을 지우려면 어떻게합니까?
내 코드는 IE에서는 작동하지만 Safari, Firefox 및 Opera에서는 작동하지 않습니다. (큰 놀라움) document.getElementById("DropList").options.length=0; 검색 한 후, length=0그것이 마음에 들지 않는다는 것을 알게되었습니다 . 나는 해봤 ...options=null과 var clear=0; ...length=clear같은 결과. 한 번에 여러 객체 에이 작업을 수행하므로 경량 JS 코드를 찾고 있습니다.

15
선택 상자의 스타일을 지정할 수 있습니까? [닫은]
닫은. 이 질문은 스택 오버플로 지침을 충족하지 않습니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문을 업데이트하여 스택 오버플로에 대한 주제 입니다. 휴일 오년 전에 . 이 질문을 개선하십시오 스타일을 지정해야하는 HTML 선택 상자가 있습니다. CSS 만 사용하는 것을 선호하지만 jQuery를 사용하여 간격을 메울 것입니다. 누구나 좋은 튜토리얼이나 플러그인을 …
145 jquery  css  html-select 

11
기본적으로 HTML 선택 비활성화 옵션을 표시하는 방법은 무엇입니까?
나는 HTML과 PHP를 처음 사용하고 mysql 테이블에서 드롭 다운 메뉴를 달성하고 하드 코딩하고 싶습니다. 내 페이지에 여러 개의 선택이 있는데 그 중 하나는 &lt;select name="tagging"&gt; &lt;option value=""&gt;Choose Tagging&lt;/option&gt; &lt;option value="Option A"&gt;Option A&lt;/option&gt; &lt;option value="Option B"&gt;Option B&lt;/option&gt; &lt;option value="Option C"&gt;Option C&lt;/option&gt; &lt;/select&gt; 문제는 이제 사용자가 자신의 태그로 "태그 선택"을 선택할 수 …
139 html  html-select 

8
HTML 양식 : 선택 옵션과 데이터 목록 옵션
Select-Option과 Datalist-Option의 차이점이 무엇인지 궁금합니다. 둘 중 하나를 사용하는 것이 더 좋은 상황이 있습니까? 각각의 예는 다음과 같습니다. 선택 옵션 &lt;select name="browser"&gt; &lt;option value="firefox"&gt;Firefox&lt;/option&gt; &lt;option value="ie"&gt;IE&lt;/option&gt; &lt;option value="chrome"&gt;Chrome&lt;/option&gt; &lt;option value="opera"&gt;Opera&lt;/option&gt; &lt;option value="safari"&gt;Safari&lt;/option&gt; &lt;/select&gt; 데이터리스트 옵션 &lt;input type=text list=browsers&gt; &lt;datalist id=browsers&gt; &lt;option value="Firefox"&gt; &lt;option value="IE"&gt; &lt;option value="Chrome"&gt; &lt;option value="Opera"&gt; &lt;option value="Safari"&gt; …

8
<복수 선택>-하나의 항목 만 선택하는 방법?
&lt;SELECT multiple&gt;여러 옵션 이있는 필드가 있고 동시에 하나의 옵션 만 선택하도록 허용하고 싶지만 사용자는 CTRL 키를 누르고 한 번에 더 많은 항목을 선택할 수 있습니다. 그것을하는 방법이 있습니까? ( 'multiple'을 제거하고 싶지 않습니다).
134 html  html-select 

10
선택 상자 옵션 배경색 변경
나는이 select상자를하고 난 때 옵션의 배경색을 변경하기 위해 노력하고있어 select상자를 클릭하고 쇼 모든 옵션되었습니다. 바이올린 참조 HTML : &lt;select&gt; &lt;option val=""&gt;Please choose&lt;/option&gt; &lt;option val="1"&gt;Option 1&lt;/option&gt; &lt;option val="2"&gt;Option 2&lt;/option&gt; &lt;option val="3"&gt;Option 3&lt;/option&gt; &lt;option val="4"&gt;Option 4&lt;/option&gt; &lt;/select&gt; CSS : select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }

3
IE에서 선택 화살표 제거
요소를 선택하고 화살표를 제거한 다음 다른 아이콘을 추가 할 수 있습니다. Firefox Safari 및 Chrome 에서이 작업을 수행 할 수 있지만 IE9 에서는 작동하지 않습니다 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') …
126 html  css  html-select 

4
동일한 너비의 입력을 얻고 필드를 선택하는 방법
양식에는 하나의 선택 필드와 두 개의 입력 필드가 있습니다. 이러한 요소는 수직으로 정렬됩니다. 불행히도 이러한 요소의 너비는 동일하지 않습니다. 내 코드는 다음과 같습니다. &lt;select name="name1" style="width:198px"&gt; &lt;option&gt;value1&lt;/option&gt; &lt;option&gt;value2&lt;/option&gt; &lt;/select&gt;&lt;br/&gt; &lt;input type="text" name="id1" style="width:193px"&gt;&lt;br/&gt; &lt;input type="text" name="id2" style="width:193px"&gt; 위의 예를 들어, 선택 요소에 가장 적합한 너비는 198 또는 199 픽셀입니다 (물론 …



당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.