jQueryを使用してドロップダウン選択フィールドで選択した値を読み込みます

Question

jQueryを使用してドロップダウンリストで選択した値を読みたいとします。

マイHTML：

<select id="selectValue"> 
    <option value="Yes">Yes</option> 
    <option value="No">No</option>       
</select> 

私のjQuery：

$(document).ready(function() { 
    var Value = $("#selectValue option:selected").text(); 
    alert(Value); 
}); 

誰もが私のコードが間違っているものを私に言うことはできますか？

$(document).ready(function() { 
    var Value = $("#selectValue").val(); 
    alert(Value); 
}); 

Answer 1

です

それとも、jQueryのを拡張することができます。

微細加工

jQuery.fn.extend({ 
 
    valText: function() { 
 
    return jQuery('option[value="' + jQuery(this).val() + '"]', jQuery(this)).text(); 
 
    } 
 
}); 
 

 
$('button').click(function() { 
 
    console.log($('#selectValue').valText()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select id="selectValue"> 
 
    <option value="YesKey">Yes</option> 
 
    <option value="NoKey">No</option>       
 
</select> 
 

 
<button>get selected value</button>

Answer 2

ちょうどこの

$(document).ready(function() { 
var Value = $("#selectValue").find(":selected").text(); 
    alert(Value); 
}); 

Answer 3

を試してみてください。ここ はSNAPPのwithresultはval()方法を試してみてくださいdebbugerに

Answer 4

$('button').click(function() { 
 
\t var value = $('#selectValue').val(); 
 
\t var text = $('option[value="' + value + '"]', $('#selectValue')).text(); 
 
\t 
 
\t console.log(value); 
 
\t console.log(text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="selectValue"> 
 
    <option value="YesKey">Yes</option> 
 
    <option value="NoKey">No</option>       
 
</select> 
 

 
<button>get selected value</button>

0123を試してみてください。この

$('#yourDropdownId').change(function(){ 
    var selectedid=$('#yourDropdownId').val(); 
     alert(selectedid); 
    });