Set Selected Value Not Working - Material Design For Bootstrap

1. MDB Home Page
2. Support Main Page
3. MDB jQuery

Topic: Set selected Value not working

cestradawiboo pro asked 8 years ago

Good day to all, I need to select a value of a basic select but I can not get it to work, I have tried with the following code: <select class=\"mdb-select\" id=\"sexo\">                                 <option value=\"\" disabled selected>Seleccion tipo de Sexo</option>                                 <option value=\"1\">Masculino</option>                                 <option value=\"2\">Femenino</option> </select> i want to select value \"2\" $(‘.select-dropdown li:contains(“2”)’).trigger(‘click’); ---> not working $(\"#sexo\").val(\'2\'); --> not working I appreciate your comments Add comment

Mikołaj Smoleński staff answered 8 years ago

0 0 Best answer Hello, You can change input value using the following code: HTML: <select class=”mdb-select”> <option value=””disabled selected>Choose your option</option> <option value=”1″>Option 1</option> <option value=”2″>Option 2</option> <option value=”3″>Option 3</option> </select> <label>Example label</label> <button id=”change-value” data-value=”Option 2″ class=”btn btn-primary”>Change value to Option 2</button> JS: $(document).ready(function() {   $(‘.mdb-select’).material_select();   $(‘#change-value’).on(‘click’, function(){     let newValue = $(this).attr(‘data-value’);     $(‘.select-dropdown’).val(newValue);   }) }); Regards Please insert min. 20 characters. Post Hello, You can change input value using the following code: HTML: <select class=”mdb-select”> <option value=””disabled selected>Choose your option</option> <option value=”1″>Option 1</option> <option value=”2″>Option 2</option> <option value=”3″>Option 3</option> </select> <label>Example label</label> <button id=”change-value” data-value=”Option 2″ class=”btn btn-primary”>Change value to Option 2</button> JS: $(document).ready(function() {   $(‘.mdb-select’).material_select();   $(‘#change-value’).on(‘click’, function(){     let newValue = $(this).attr(‘data-value’);     $(‘.select-dropdown’).val(newValue);   }) }); Regards Add comment Write Create snippet Please insert min. 20 characters. Post

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

• ForumUser: Pro
• Premium support: No
• Technology: MDB jQuery
• MDB Version: -
• Device: -
• Browser: -
• OS: -
• Provided sample code: Yes
• Provided link: No

Tags About author

cestradawiboo

Pro User 0Support score 4Questions 0Answers 0Snippets

Snippet settings

× MDB Technology MDB Version Type Go Pro Public Private You can add max. 10 tags with min. length of 2 each Close Create