웹&컴퓨팅

select 엘리먼트에서 선택한 option text, value 인식하기

chihoon, An. (A.K.A 슈퍼스타) x2chi 2007. 10. 30. 14:32

선택한 option 엘리먼트의 text와 value를 추출하기 위한 두 가지 형태의 DOM 스크립트 작성 방법을 비교하여 최적의 방법을 생각해 보고자 합니다.


--- 방법: 1   ---------------------

for (m = 0; m < pointFileSplit.length; m++) {
    var pointCount = m.toString(10);
    var optionID = "opt" + pointCount;
    var optionCheck = document.getElementById (optionID);

    if (optionCheck.selected == true {  //option을 선택하면 true

        var selectValue = optionCheck.value;

        var selectText = optionCheck.text;

    }

}

--- 방법: 2   ---------------------

var selectElement = document.getElementById("selectID");

var selectValue = selectElement.value;
var selectText = selectElement.options[selectElement.selectedIndex].text;

----------------------------------

 

상기 두 가지 코딩 방법에서 아래의 코딩 방법이 간단하게 option의 value, text를 추출할 수 있다.

아래의 코딩 방법을 제공해준 ccomeng25님에게 감사 드립니다.


다른 방법을 갖고 계시면 덧글을 달아 주시기 바랍니다.