2011-08-16 6 views
0

내가 페이지선택 태그 기본 선택 빈 항목

"<select id='myidxxx'><option>" + default + "</option></select>" 

에 다음 문자열을 추가하여 여러 항목을 선택 (4-5 다스)를 선언하고 나중에 다른 요소를 추가 할 수 있습니다. 문제는 다른 요소를 추가하든 아니든간에 항상 시작시 빈 요소가 선택된다는 것입니다. 하나도 갖지 않거나 기본값을 선택하지 못하게 할 수 있습니다. 시도했습니다.

<option selected='selected'> 

하지만 성공하지 못했습니다. 추가 옵션 (공백 행 없음) 만 나열하고 기본 항목을 선택하려면 어떻게해야합니까?

편집 : IE8을 사용합니다.

+0

그래서 당신이 말하는 것 : 여기

for (i = 0; i < options.length; i++) { if (options[i] != "" && options[i] != " ") { opt = document.createElement("option"); opt.innerText = options[i]; opt.value = i; selectTag.appendChild(opt); } } 

은 예입니다? 매우 기괴한. 빈 공간 아래에 옵션으로 기본으로 나열되어 있습니까? 그렇지 않다면 내 생각 엔 "기본"변수가 정의되지 않았으므로 빈 공간으로 출력합니다. – wolv2012

+0

예, 나열됩니다. 맨 위에 빈 공간이 있고 기본값을 선택한 다음 추가하면 다른 옵션이 표시됩니다. – yoozer8

답변

3

첫째로 나는 당신이 JS에서 요소를 만드는 것이 좋습니다 미리 선택된 항목으로

쇼 '기본'

동적으로 선택 태그와 해당 옵션을 만드는

는 방법입니다 크롬에서

<select><option>default</option></select> 
나는 것 이것에 대해 가봐. 데이터베이스 나 다른 위치에서 데이터를 가져 오는 중인지 궁금합니다.

옵션 태그의 하위 태그를 반복하고 null 또는 빈 문자열 인 경우 추가하지 않을 수도 있습니다. 당신이 "는"이 빈 공간을 선택해야합니다 경우, http://jsfiddle.net/V26P5/2/

+0

왜 JS로 빌드 할 것을 제안합니까? – sdleihssirhc

+0

필자는 개인적으로 가능한 경우 문자열 연결을 피하려고 시도합니다. 단지 습관입니다. – Cristian

+0

@sdleihssirsh JS에서이 파일을 빌드하고 있는데 다른 옵션을 추가하면 (기본값은 제외) 배열을 반복하고 각 옵션을 추가하여 제대로 작동하는 것으로 보입니다. 내 질문에 표시된 문자열 연결은 어디에 그것을 함께 넣어 및 $ ('# div'). html (문자열) 페이지에 추가 할 위치입니다. – yoozer8

0

어떤 브라우저를 사용합니까?

+0

Internet Explorer 8 – yoozer8