선택한 값 가져 오기, 표 셀 안에있는 드롭 다운 목록

Question

다음과 같은 HTML 표가 있습니다. 이 테이블에서 행 값을 검색해야합니다. 테이블 행 값을 검색하기 위해이 Java 스크립트를 작성했지만이 변수에 대해 null 값을 얻습니다. var score = comrow.cells [2] .childNodes [0] .selectedIndex;

드롭 다운 목록에서 선택한 값을 올바르게 검색하려면 어떻게해야합니까?

function adddata(tableID){ 

    var phraseTable = document.getElementById(tableID); 
     var phrrowCount = phraseTable.rows.length; 


     for(var i=0; i<phrrowCount; i++) { 
      var comrow = phraseTable.rows[i]; 
      // var comchkbox = comrow.cells[0].childNodes[0]; 
      var comval= comrow.cells[1].childNodes[0].value; 
      var score = comrow.cells[2].childNodes[0].selectedIndex; 
      } 
} 

<TABLE id="dataTable" name="topkphrase" cellpadding="0" cellspacing="0" border="1"> 


      <tbody> 
        <TD width="5%"><INPUT type="checkbox" name="chk"/> </TD> 
        <TD width="75%"><input type="text" name="txt" value="" size="100%"/></TD> 
        <TD width="20%"> 
         <SELECT name="score"> 

          <OPTION value="vimp">V.Important</OPTION> 
          <OPTION value="imp">Important</OPTION> 
          <OPTION value="avr">Average</OPTION> 

         </SELECT> 
        </TD> 
      </tbody> 
     </TABLE> 

Answer 1

대신 테이블에서 <select> 개체를 찾기 위해 노력하고, 당신은 <select>에게 ID를주고에서 getElementById를 사용할 수 있습니다.

var selectElement = document.getElementById(selectID); 
console.log(selectElement.value); 
console.log(selectElement.selectedIndex); 

getElementByName을 사용하여 "score"라는 이름의 모든 select 문을 찾을 수도 있습니다.

var selectElement = document.getElementByName("score")[0]; 
console.log(selectElement.value); 
console.log(selectElement.selectedIndex); 

당신은 또한 당신을 위해 훨씬 쉽게 일을 할 수 있기 때문에이 일을 위해 JQuery을 조사 할 수 있습니다.