Mar 31 2020

jQuery – set option by value

$('.selDiv option[value="SEL1"]').prop('selected', true)

source: https://stackoverflow.com/questions/314636/how-do-you-select-a-particular-option-in-a-select-element-in-jquery


Nov 27 2019

jQuery – replace one element with another

$("#element_1").replaceWith("<div id="element_2">123<div>"); 

Sep 11 2019

jQuery – get checked radio button by class

element = $("input:radio.someClass:checked");
value = $("input:radio.someClass:checked").val();

Aug 29 2019

jQuery: find element by text

<div>This is a test</div>
<div><span>Another Div</span></div>

$('div:contains("Another")').css('background-color', 'red');

Jan 4 2019

jquery – get option by data attribute

Get option with attribute data-lang=’en’:


var $myDDL = $('#dropDownList');

var $mySelectedOption = $('option[data-lang="en"]',$myDDL);

get value and text:


var myValue = $mySelectedOption.val();

var myText = $mySelectedOption.text();

Jan 4 2019

jquery – get value and text from selected option


var $myDDL = $('#dropDownList');

var myValue = $('option:selected', 	$myDDL).val();

var myText = $('option:selected', $myDDL).text();

Jul 12 2017

jQuery: selekcija teksta iz dropdown liste

 

Rješenje:


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

Jun 26 2017

jQuery – this + class

Problem: Trebamo selektirati sve elementa #polje unutar svakog  elementa klase .stavka koristeći this:

Ovo nam neće pomoći jer je pogrešno:

$(".stavka").each(function(){
 return $("this #polje").val();
});

Rješenje je $(this).find():

$(".stavka").each(function(){
 return $(this).find("#polje").val();
 });

Nov 19 2016

jQuery – dohvat rel atributa iz liste

Problem: lista ddl_automobili  ima više opcija. Osim vrijednosti i naziva opcije tu je i rel atribut. Kod dohvata vrijednosti potrebno je dohvatiti rel atribut odabrane opcije.


<select name="ddl_automobili" id="ddl_automobili">

<option value="1" rel="a">Audi</option>
<option value="2" rel="b">Mercedes</option>
<option value="3" rel="c">Seat</option>

</select>

Rješenje:


//vrijednost selektiranog rel
var relVrijednost = $("#ddl_automobili").find('option:selected').attr('rel'));

Aug 20 2015

jQuery – testiranje mail adrese

function isEmail( str ) {
   return (/^[a-zA-Z0-9.!#$%&'*+\/=?\^_`{|}~\-]+@[a-zA-Z0-9\-]+(?:\.[a-zA-Z0-9\-]+)*$/).test( str );
}