게시판 본문 ASP, ASP.NET, IIS & Script - Read Only

HTC 강좌를 보고 SELECT tag 에 각종 finder method 를 붙이는 HTC 를 만들어봤습
니다. 프로젝트 하다보면 SELECT tag 에서 text로 value 를 찾거나 value로 text를 찾
거나 index 를 찾거나 하는 등등의 일이 은근히 많이 필요한데요, 그럴때 유용하게
써먹을 수 있을 듯 합니다.

사용법은 다음과 같습니다.

<SELECT style="behavior:url(selectfinder.htc)" id="selFinderTest">

selFinderTest.findTextByValue("testText");
selFinderTest.findValueByText("testValue");

소스를 보시면 각종 함수가 있으니 자유롭게 확장해서 사용하세요~

<PUBLIC:COMPONENT>
    <PUBLIC:METHOD NAME="findIndexByValue" />
    <PUBLIC:METHOD NAME="findIndexByText" />
    <PUBLIC:METHOD NAME="findValueByText" />
    <PUBLIC:METHOD NAME="findTextByValue" />
    <PUBLIC:METHOD NAME="selectIndexByText" />
    <PUBLIC:METHOD NAME="selectIndexByValue" />
    <PUBLIC:METHOD NAME="getConcatValues" />
    <PUBLIC:METHOD NAME="getConcatText" />
    <PUBLIC:METHOD NAME="getTextValuePair" />

<SCRIPT language="javascript">
function findIndexByValue(val) {
    for(var i = 0; i < element.length; i++) {
        if(element.options(i).value == val) return i;
    }
    return -1;
}

function findIndexByText(text) {
    for(var i = 0; i < element.length; i++) {
        if(element.options(i).text == text) return i;
    }
    return -1;
}

function findValueByText(txt) {
    try {
        return element.options(this.findIndexByText(txt)).text;
    } catch(e) {
        return null;
    }
}

function findTextByValue(val) {
    try {
        return element.options(this.findIndexByValue(val)).value;
    } catch(e) {
        return null;
    }
}

function selectIndexByValue(val) {
    element.selectedIndex = this.findIndexByValue(val);
}

function selectIndexByText(txt) {
    element.selectedIndex = this.findIndexByText(txt);
}

function getConcatValues(delim) {
    var result = "";
    
    if(delim == null || delim == "") delim = ","
    
    for(var i = 0; i < element.length; i++) {
        result = result + element.options(i).value + delim;
    }
    // 끝에 붙은 delim 을 잘라냄
    return result.substring(0, result.lastIndexOf(delim));    
}

function getConcatText(delim) {
    var result = "";
    
    if(delim == null || delim == "") delim = ","
    
    for(var i = 0; i < element.length; i++) {
        result = result + element.options(i).text + delim;
    }
    // 끝에 붙은 delim 을 잘라냄
    return result.substring(0, result.lastIndexOf(delim));    
}

function getTextValuePair(delim) {
    var result = "";
    
    if(delim == null || delim == "") delim = ",";
    
    for(var i = 0; i < element.length; i++) {
        result = result 
               + element.options(i).text 
               + "=" 
               + element.options(i).value 
               + delim;
    }
    return result.substring(0,result.lastIndexOf(delim));
}
</SCRIPT>
</PUBLIC:COMPONENT>