Question

Im using Materializecss 2.0.1 and the in the select dissapear. My code: <select required class="validate" name="id_provincia" id="id_provincia"> <option value="" disabled selected>Sel. una opción</option> <?php foreach ($data[list_provincias] as $k=>$prov){ ?> <option <?php if($prov[id]==$data[ record ][ id_provincia ]){ echo "selected= selected "; }elseif($prov[id]== 22 && !$data[ record ][ id_provincia ]){ echo "selected= selected "; } ?> value="<?php echo $prov[id]; ?>"><?php echo $prov[provincia]; ?></option> <?php } ?> </select> <label for="id_provincia">Provincia</label> <span class="helper-text">Sel. Provincia</span>

https://i.stack.imgur.com/9fuKu.png” rel=“nofollow noreferer”>。

Im try copy and pastle the example, erease all includes (except materializecss) and still the bug. "Materialize Select" is the label. This is a example in the official doc - https://materializeweb.com/select.html

Answer 1

确保在投入领域完成这项工作,以便与其他案文领域适当保持一致。如果数据[记录][id_provincia]= 不应选择第一种选择

  <div class="input-field col s12">
    <select>
      <option value="" disabled <?php if($data[ record ][ id_provincia ] == null) { ?> selected <?php } ?> >Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Materialize Select</label>
  </div>

初始

<script>
  document.addEventListener( DOMContentLoaded , function() {
    var elems = document.querySelectorAll( select );
    var instances = M.FormSelect.init(elems,{});
  });
    
  // Or with jQuery

  $(document).ready(function(){
    $( select ).formSelect();
  });
</script>

正式法典:

<!DOCTYPE html>
<html>
  <head>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="
https://cdn.jsdelivr.net/npm/@materializecss/materialize@2.0.1-alpha/dist/css/materialize.min.css
" rel="stylesheet">

  </head>
  <body>
  
  <div class="container">
    <h2>Hello World!</h2>
  <div class="input-field col s12">
    <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>Materialize Select</label>
  </div>
  </div>

<script src="
https://cdn.jsdelivr.net/npm/@materializecss/materialize@2.0.1-alpha/dist/js/materialize.min.js
"></script>

  <script>
    document.addEventListener( DOMContentLoaded , function() {
      var elems = document.querySelectorAll( select );
      var instances = M.FormSelect.init(elems,{});
    });

  </script>
  </body>
</html>

友情链接