Preluare text cu jQuery din <option> selectat
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
sterica
Mesaje: 285
Preluare text cu jQuery din <option> selectat
Salutare,
Am un select (dropdown) si arata sub forma aceasta:
Cod: Selectaţi tot
<select id="get_clasa" onchange="fetch_select(); ">
<option value="1">Clasa V</option>
<option value="2">Clasa O</option>
....
</select>
Valorile din select sunt preluate de fisierul .js:
Cod: Selectaţi tot
function fetch(){
val_get_clasa = $('#get_clasa').val();
$.ajax({
type: 'POST',
url: 'file.php',
data: { get_clasa: val_clasa,
},
success: ....
}
});
}
function columnChart(data_v){
$(function () {
$('#container').highcharts({
title: {
text: 'Graficul reprezinta clasa ' + val_clasa, //aici imi este returnat numar
}
.....
In codul js, variabila
val_clasa returneaza valoarea (numarul), practic imi returneaza sub forma:
Graficul reprezinta clasa 1 si am nevoie sa returneze
Graficul reprezinta clasa V .
Cum pot face sa imi returneze textul din <option>?
Multumesc!
MarPlo
Mesaje: 4343
Salut
Uite cum se face in acest exemplu:
Cod: Selectaţi tot
<select id="get_clasa" onchange="fun();">
<option value="1">Clasa V</option>
<option value="2">Clasa O</option>
<option value="3">Clasa Z</option>
</select>
<script>
function fun(){
var op_val = $('#get_clasa').val();
var op_txt = $('#get_clasa option:selected').html();
alert('value: '+ op_val +'; text: '+ op_txt);
}
</script>
Demo:
Clasa V Clasa O Clasa Z
sterica
Mesaje: 285
incerc sa prind cele doua variabile in functia fetch() insa nu le gasesc locul ca sa si functioneze
Subiecte similare
Formular dinamic cu jQuery
JavaScript - jQuery - Ajax
Primul mesaj Salut
As dori sa fac un formular in care vreu sa pun pretul de transport in functie de greutate.
Si am greutatea minima , greutatea maxima ; cost...
Ultimul mesaj
La refresh nu raman fiindca nu sunt salvate undeva pentru a fi preluate.
Ca sa ramana si la refresh e necesar sa le salvezi intr-o baza de date,...
Ordine de executie cu jQuery-AJAX
JavaScript - jQuery - Ajax
Primul mesaj Am acest cod (ajax este asincron):
function echoHello(){
return $.ajax({
//this will return hello ;
});
}
function echoWorld(){
return world...
Ultimul mesaj
Ajax face un apel către serverul web și este asincron. Nu știi cât va dura pana la raspuns. Este la fel ca:
setTimeout(_ => {...
Cerere: Corectare Script upload cu jquery
Cereri si Oferte
Primul mesaj Am facut un script de upload cu jquery si cu butoane de rotire si progress bar dar pana sa introduc progress barul imi incarca poza in folder,dupa ce...
Ultimul mesaj
Scriptul jquery pe care-l ai pentru rotation nu se potriveste cu upload de mai multe fisiere.
Ca sa functioneze cu multiple upload trebuie...
Resetare input type text dupa submit
JavaScript - jQuery - Ajax
Primul mesaj Dupa ce dau enter sau click si a trimis mesajul nu mii se reseteaza input textul,imi trmite catre mysql fara reload incarca textul prin div dar nu...
Ultimul mesaj
\Multumesc, codul din raspunsul tau functioneaza
Inversare caractere adăugate într-un câmp de text
JavaScript - jQuery - Ajax
Primul mesaj Am urmatorul cod html si JavaScript. O caseta de text input si un button.
<input type='text' id='backwards-input'>
<button...
Ultimul mesaj
Testeaza si studiaza urmatorul cod:
<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>...
Ascunde element daca in data e un anumit text
HTML - XHTML - CSS
Primul mesaj Se pot ascunde elemente HTML daca in atributul 'data-' e o anumita bucata de text?
De exemplu: Ascunde Div-urile care contin -en .
<div...
Ultimul mesaj
Se poate face cu CSS sau cu Javascript.
CSS:
/* with specified elements */
div {
display: none;
}
/* or global */
{
display: none;
}
Si...