如何以编程方式从 Materialise css 中的 select 中选择一个选项? 我尝试将 select 的值附加到第一个选项。
任何帮助将不胜感激。
谢谢。
$('select').material_select();
$('#select_1').val($('#select_1 option:first').val());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<div class="row">
<div class="input-field col s12">
<select id="select_1" name="select_1">
<option disabled selected>Choose your option</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
<option>Option 6</option>
</select>
<label for="select_1">Select 1</label>
</div>
</div>
最佳答案
您只需调用 material_select()
再次进行。
请记住,:first
您可以用来选择option
目标是<option disabled selected>Choose your option</option>
一个。
$(function(){
$('select').material_select();
var select = $('#select_1');
select.find('option:eq(2)').prop('selected', true);
select.material_select();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<div class="row">
<div class="input-field col s12">
<select id="select_1" name="select_1">
<option disabled selected>Choose your option</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
<option>Option 6</option>
</select>
<label for="select_1">Select 1</label>
</div>
</div>
关于javascript - 以编程方式选择一个选项 - Materialize css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50228157/