ColdFusion 페이지에서 해당 목록을 기반으로 데이터 목록을 필터링하는 드롭 다운 메뉴가 있습니다. 선택 항목이 URL을 통해 전달되고 결과가 표시됩니다. 문제는 페이지가 다시로드 된 후에 선택을 유지하려고한다는 것입니다. 지금은 매번 첫 번째 옵션으로 돌아갑니다.ColdFusion의 URL을 통과 한 후 드롭 다운 메뉴에서 선택한 내용을 유지하려면 어떻게해야합니까?
이 내가 드롭 다운 메뉴의 onchange를하여 URL을 통해 전달하는 방법입니다
이<cfif IsDefined(url.filterBy)>
query...
</cfif>
당신의 옵션 태그 내부 양식 범위를 통해 전달 된 값을 확인하는 if 문을 배치합니다.
그래서 :
<select name="myDropdown" id="myDropdown">
<option value="someValue"<cfif Form.myDropdown EQ 'someValue'> selected="selected"</cfif>>Some value</option>
</select>
내가 가진 드롭 다운은 폼 내에 없습니다. 그래서 "Form.myDropdown"을 넣을 수 없습니다. 이 문제를 해결할 방법이 있습니까? – wahle509
URL 범위도 사용할 수 있습니다. 구문은 동일합니다. –
나는 당신의 질문을 읽고 있어요 경우 오른쪽, 당신은 단지 기존 URL.filterby 값이 SELECT의 값과 일치하는지 확인해야합니다.
<cfparam name="URL.filterby" value="" />
...
<select name="mySelect" onChange="window.location.href='myPage.cfm?filterBy=' + this.value">
<option value="option1" #selectIf(URL.filterby IS "option1")#>Option 1</option>
<option value="option2" #selectIf(URL.filterby IS "option2")#>Option 2</option>
</select>
CFPARAM은 URL.filterby에 항상 값이 있음을 보장합니다. selectIf은 CFML 코드로 HTML을 어수선하게 만들 때 사용하는 UDF 일뿐입니다. 부울로 해석 될 수있는 모든 것을 취하고 적절하게 문자열을 반환합니다.
function selectIf(checkVal) {
if (checkVal) {
return "selected=""selected""";
} else {
return "";
}
}
나머지 페이지는 URL.filterby를 볼 수 있으며 값이있는 경우 쿼리를 수행하고 데이터를 표시합니다.
<cfif structKeyExists(URL,"filterby") AND URL.filterby IS NOT "">
<!--- query here, etc. --->
...
그래서 나는 다른 방법 (일종의)을 알아 냈습니다. 내가하는 일은 URL의 문자열 쿼리 부분을 잡고 국가 이름을 잘라내어 드롭 다운 메뉴의 값과 비교하는 것입니다.
<option value="#CountryName"
<cfif #CountryName# EQ #replace(#CGI.StringQuery#,"filterBy=","")#>
selected="selected"
</cfif>>#CountryName#
</option>
대부분 잘 작동합니다. 한 단어 이상으로 된 국가 이름이 나왔을 때, 그 공백은 그것을 엉망으로 만들고 선택을 유지하지 못합니다. 나는 또한 공백을 다음과 같이 대체하려고 시도했다 :
#replace(#CGI.StringQuery#,"%20"," ")#
그러나 좋지 않다. 누구나 스페이스를 인식 할 수있는 해결책이 있습니까?
글쎄요, 첫째로 나는 각 나라 이름보다는 각 옵션에 대해 ID 번호를 사용합니다 - 국제화 목적으로는 각국 언어마다 다른 방식으로 철자가 쓰여지기 때문에 ID 번호를 사용합니다 ... 그러나 문자열을 사용하려는 경우 이 방법으로 URLEncodedFormat()이 도움이 될 것이라고 제안합니다. http://help.adobe.com/ko_KR/ColdFusion/9.0/CFMLRef/WSc3ff6d0ea77859461172e0811cbec22c24-7bdf.html에서 문서를 살펴보십시오. –
아마도 도움이 될만한 정보가 더 필요합니다. 당신의 SELECT 모양은 어떻습니까? – ale
내 select 문은 다음과 같습니다 :