Jquery를 사용하여 값 양식 드롭 다운 받기

Question

다음 jquery 함수를 사용하여 테이블 행의 드롭 다운 값을 가져옵니다. 그러나 값을 제공하지 않습니다.

HTML

<select id='statusprocess'><option value='optSelected'>Selected</option><option value='optNotSelected'>Not Selected</option></select> 

JQUERY

 var select = $(this).closest('tr').find('input[type="select"]').map(function() { 
        return this.text(); 
       }).get(); 

어떻게 드롭 다운을 찾아 선택한 옵션 텍스트를 얻을?

대답은 :이

이 표에있는 드롭 다운을 발견하고 선택한 텍스트를 선택 얻을 정확한 방법입니다.

var select = $(this).closest('tr').find('select option:selected').text(); 

괜찮 았어.

Answer 1

입력 [type = select]이 없습니다.

dropdown list은 <input type="select" />이 아닌 <select> 요소입니다. 따라서 input[type = "select"] 대신 select을 사용해야합니다.

선택한 옵션 값 :

$(this).closest('tr').find('#statusprocess').val(); 

선택한 옵션 텍스트 :

$(this).closest('tr').find('#statusprocess option:selected').text(); 

Working Example

또는 당신이 tr 내부에 하나의 드롭 다운이있는 경우, 당신은 또한 (요소 선택기를 사용할 수 있습니다 즉, select을) :

선택한 옵션 값 :

$(this).closest('tr').find('select').val(); 

선택한 옵션 텍스트 :

$(this).closest('tr').find('select option:selected').text(); 

Working Example

Answer 2

난 당신이 단순히

$("#statusprocess").val() 

에 의해 그것을 얻을 수 있다고 생각

---

HTML

<select id='statusprocess' onChange="getIt()"><option value='optSelected'>Selected</option><option value='optNotSelected'>Not Selected</option></select> 

SCRIPT

function getIt(){ 
var i=$("#statusprocess").val() 
alert(i); 
} 

Answer 3

당신이 드롭 다운의 가치를 얻을 수있을 때 값 changes. option이 변경되면 change 메서드를 사용하여 값을 가져옵니다.JQuery Doc

$('input[type="select"]').change(function(){ 

var value = $("select option:selected").text(); 
}); 

방금 ​​또한 클래스를 사용하여 값을 가져올 수

업데이트.

Answer 4

ID가 이미 있으므로 ID를 통해 가져 오는 것이 좋습니다.

$("#statusprocess").val(); 

위의 명령문은 'optSelected'또는 'optNotSelected'를 반환합니다.

또는 "옵션 값"대신 "옵션 텍스트"를 언급했다면이를 시도 할 수 있습니다.

$("#statusprocess :selected").text(); 

위의 설명은 '선택됨'또는 '선택되지 않음'을 반환합니다.

$("#statusprocess").val(); 

하거나 선택한

$("#statusprocess option:selected").text(); 

Answer 5

당신이 얻을하려는 작업에 따라 값을 얻을 수 있습니다 선택한 텍스트를 가져옵니다.

var select = $(this).closest('tr').find('select option:selected').text(); 

괜찮 았어.

Answer 6

이 표에있는 드롭 다운을 찾을 수있는 정확한 방법의 텍스트 :