Material Select Set selected value

Topic: Material Select Set selected value

hetal free asked 7 years ago

I have Material Select List and I want to set selected value by using javascript or JQuery but material select list not showing that value

Add comment

Rafael Pujol free answered 6 years ago

0 0 Best answer

var element = $("#youselectId")

element.prevAll('.select-dropdown').children('li:eq(2)').trigger('click');

you can remplace the number 2 with the item id that you want select

var changeSelectPickerValue = function (id, value) {

var element = $("#" +id)
element.prevAll('.select-dropdown').children('li:eq('+value+')').trigger('click');

}

Furey free commented 6 years ago

$(#element_id)prevAll(‘.select-dropdown’).children(‘li:contains(‘+value+’)’).trigger(‘click’);

Add comment

dejan.mauer pro answered 7 years ago

0 0 Best answer

Great! This solved my issue.

Add comment

Bartłomiej Malanowski staff answered 7 years ago

0 0 Best answer

It's possible. Here you can find a solution

Add comment

dejan.mauer pro answered 7 years ago

0 0 Best answer

I am struggling with the same problem... I have this HTML:

<div class="col-md-4 input-field">
	<select id="selectDiscount">
		<option id="selectDiscountNone" selected value="None">Not specified</option>
		<option id="selectDiscountMoney" value="Money">in money</option>
		<option id="selectDiscountPercent"value="Percent">in percent</option>
	</select>
</div>

How it is possible to select, for example, second option as with JavaScript?

Add comment

Michal Szymanski staff answered 7 years ago