Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Javascript中将selected选项设置为default selected_Javascript_Jquery_Forms_Select_Materialize - Fatal编程技术网

如何在Javascript中将selected选项设置为default selected

如何在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(

我有一个带有物化样式的选择选项,在选择选项中,我想检查选项的值是否存在于数据库中

HTML代码:

<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);
        }
    }
}