Come posso ottenere il valore di testo selezionato dalla casella combinata utilizzando jQuery.Ottieni il testo selezionato di una casella combinata utilizzando jQuery, in base al nome della casella combinata?
Sto avendo solo "nome" della casella combinata.
Quindi, voglio il testo dell'articolo selezionato, usando il nome della casella combinata, non ID.
che sto avendo,
var selected_fld = ($(this).attr('name'));
Come posso procedere oltre?
$('select[name=nameOfTheBox]').val();
o
$('select[name=nameOfTheBox] option:selected').val();
vi darà il valore dell'opzione selezionata
$('select[name=nameOfTheBox] option:selected').text();
vi darà il suo testo
Questo può essere fatto semplicemente con il seguente per ottenere il valore di testo attuale ...
var value = $("[name='MyName'] option:selected").text();
o questo per ottenere l'opzione attributo 'valore' ...
var value = $("[name='MyName']").val();
Con il seguente codice HTML, la prima vi darà 'MyText', la seconda vi darà 'MyValue'
<select name="MyName">
<option value="MyValue" selected="selected">MyText</option>
</select>
prova a seguire
<select name="name1">
<option value="val1">val1</option>
<option value = "val2">val2</option>
</select>
var text = $("select[name='name1'] option:selected").text();
la virgoletta singola dopo 'selected' deve essere una virgola doppia – Connum
@Connum grazie è stato errore di battitura .. –
<select id ="myCombo">
<option value="Play selected="selected">Here</option>
<option value="Once">Again</option>
</select>
$('#myCombo option:selected').text();
Ciò restituirà voi "qui"
$('myCombo option:selected').val();
Ciò restituirà si "gioca"
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery-3.1.0.js"></script>
<script>
$(function() {
$('#selectnumber').change(function(){
alert('.val() = ' + $('#selectnumber').val() + ' AND html() = ' + $('#selectnumber option:selected').html() + ' AND .text() = ' + $('#selectnumber option:selected').text());
})
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="selectnumber">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
</select>
</div>
</form>
</body>
</html>
Grazie ... :)
+1 bastonami cancellando la mia risposta –