如何在Javascript中将selected选项设置为default selected
我有一个带有物化样式的选择选项,在选择选项中,我想检查选项的值是否存在于数据库中 HTML代码:如何在Javascript中将selected选项设置为default selected,javascript,jquery,forms,select,materialize,Javascript,Jquery,Forms,Select,Materialize,我有一个带有物化样式的选择选项,在选择选项中,我想检查选项的值是否存在于数据库中 HTML代码: <div class="row margin"> <div id="input-select" class="section"> <label>Supir</label> <select name="id_personalia" id="id_personalia" onchange="cek_supir(
<div class="row margin">
<div id="input-select" class="section">
<label>Supir</label>
<select name="id_personalia" id="id_personalia" onchange="cek_supir()">
<option id="default_supir" value="default_supir" disabled selected>pilih supir</option>
<?php
foreach ($supir as $s) {
?>
<option value="<?= $s->id_personalia; ?>"> <?= $s->nama_ktp . " " . $s->id_personalia; ?> </option>
<?php
}
?>
</select>
</div>
</div>
<script>
function cek_supir() {
var supir = document.getElementById("id_personalia").value;
var data = <?php echo json_encode($stat_supir) ?>;
for (var i = 0; i < data.length; i++) {
if (supir == data[i]) {
$("#id_personalia").val('default_supir');
Materialize.toast('Supir sedang bertugas', 3500);
//document.getElementById("default_supir").selected = true;
//document.getElementById("id_personalia").selected = false;
}
}
}
苏皮尔
上皮利
“物化选择”会覆盖浏览器默认值,因此当您更改select
元素中的值时,需要使用.material\u select()
更新组件:
函数cek_supir(){
var supir=document.getElementById(“id_personalia”).value;
var数据=;
对于(变量i=0;i
有关更多信息,请参阅。jquery代码在哪里?document.getElementById(“id\u personalia”)。value=data
@guradio类似于此的代码,否more@Rayonvar数据的内容是json broo。但感谢他对我的关注,他不会工作,我尝试使用$(“#id_personalia”).material_select()代码>@AfganGanjar几分钟前,你说那是有效的。发生了什么事?我在另一个例子中尝试代码正常工作,但当我在这个例子中尝试时,代码不工作。@AfganGanjar检查您的JSON数据和HTML标记。选择代码正确。
function cek_supir() {
var supir = document.getElementById("id_personalia").value;
var data = <?php echo json_encode($stat_supir) ?>;
for (var i = 0; i < data.length; i++) {
if (supir == data[i]) {
$("#id_personalia").val('default_supir');
$("#id_personalia").material_select();
Materialize.toast('Supir sedang bertugas', 3500);
}
}
}