Home / Questions / 244130
Accepted
Alberto Julio Arce Escolar
Asked: 2020-03-09 09:56:40 +0800 CST 2020-03-09 09:56:40 +0800 CST

Problems with attr function

  • 772

it does not add the disabled attribute to the select

what is in php is this

 <div class="input-field col s2 ">
                     <select id="mododepagofacturaguardar">
                      <option value="0" disabled selected></option>';

                    foreach($respuesta2 as $row2 => $item2) {

                     echo '
                      <option value="'.$item2["id_modopago"].'">'.$item2["modopago"].'</option>
                    ';

                }

      echo '</select>
                    <label>Modo De Pago</label>
                    </div>
                    <div class="input-field col s2 ">
                     <select id="selectorinides" >
                      <option value="0" disabled selected></option>
                      <option value="1" >CUOTA INICIAL</option>
                      <option value="2">DESCUENTO</option>
                    </select>
                    <label>SELECCIONA</label>
                    </div>

what is in js is this

$( function() {
    $("#mododepagofacturaguardar").change( function() {

      variable=$(this).val();
      console.log(variable);
        if (variable === "1") {
         $(document).ready(function(){
               $("#selectorinides").val();
             $("#selectorinides").attr("disabled");
                    $('select').formSelect();
  });
        } else {
   $(document).ready(function(){
            $("#selectorinides").removeAttr('disabled');
             $('select').formSelect();
  });
        }
    });
});
jquery

2 Answers

  1. Best Answer

    You can do it in the following way:

    EDIT : to make it work with materialize

    $("#selectorinides").prop("disabled", true).formSelect();


    $(document).ready(function(){

  $('.select').formSelect();

  $(".test").click(function(){
    if(!$(".select").prop('disabled')){
      $(".select").prop("disabled", true).formSelect()
    }else
      $(".select").prop("disabled", false).formSelect();
  });
});
    <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

<button class="test">disable/enable</button>

<select class="select">
  <option>test1</option>
  <option>test2</option>
</select>

    • 0

  2. Sometimes it is necessary to add the change to reflect the changes

    $("#selectorinides").prop("disabled", true).change();

    • 0