jqueryでドロップダウンの選択値を取得する方法

Question

ドロップダウンの選択値を表示しようとしていますが、ドロップダウン値は選択されていませんが、ドロップダウンリストに別の値が追加されています。ここ

は、私が使用していますコードです：

var companyId = $(this).closest('tr').find('#headquarterIdForSearch').text(); 
       var companyName = $(this).closest('tr').find('#companyNameId').text(); 
       $(this).parents().find('.hqSelect option:selected').val(companyId).text(companyName); 

jqueryのは、上記のコードは、私がテキストとヴァルプロパティに割り当てていた値を選択されていません。ただし、新しいプロパティを追加しています。私はcompanyNameの値を "FIS"として、companyIdは123として取り出しました。

値はドロップダウンリストにありますが、ドロップダウンリストに新しい値が追加されています。

選択した値を表示するにはどうすればよいですか？これを試してみてください

$('#dropDownId :selected').text(); 

おかげで、

Answer 1

：

<option value="one">One</option> 

$('#dropDownId').val(); 

それは選択されたオプションの値ieを与える私はまた、以下のコードを使用しています。上記のコードスニペットからvalue = "one"

Answer 2

.val()関数を使用して値を取得するだけで、引数を渡す必要はありません。

$(this).parents().find('.hqSelect').val() 

Answer 3

alert($('#id').val()); 
 

 
function demo() 
 
{ 
 
    alert($('#id').val()); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id='id' onchange="demo()"> 
 
    <option value="1">Vijay </option> 
 
    <option value="2">Raj </option> 
 
    <option value="3">Ganesh </option> 
 
    <option value="4">Ram </option> 
 
    </select>