Я пытаюсь получить некоторые данные из меню DropDown, и я хочу использовать это значение, когда оно изменится, чтобы сделать запрос во втором DropDown, но до сих пор я не мог отправить значение на свой php с помощью javascript.

Я использую этот код:

<script type="text/javascript" language="javaScript">

  function flow() {
    
    var x = document.getElementById("txt_maq").value;
    document.getElementById("demo").innerHTML = x;
    
    var maq = document.getElementById('txt_maq').value;
    var cat = document.getElementById('txt_catmaterial').value;

    if (maq != "")
    {
      document.getElementById('txt_catmaterial').disabled=false;
    }
    if (cat == "")
    {
      document.getElementById('txt_material').disabled=true;
    }
    if (cat != "")
    {
      document.getElementById('txt_material').disabled=false;
    }
                
                
  }

</script>
<div class="col-2">
      <div class="input-group">
        <label class="label">Maq. Destino</label>
        <div class="rs-select2 js-select-simple select--no-search">
          <select id="txt_maq" name="txt_maq" onchange="flow()">
            <option value="">Selecione</option>
            <option value="E02">E02</option>
            <option value="E03">E03</option>
            <option value="E04">E04</option>
            <option value="E05">E05</option>
            <option value="E06">E06</option>
            <option value="E07">E07</option>
            <option value="E08">E08</option>
            <option value="E04/E07">E04/E07</option>
            <option value="E04/E08">E04/E08</option>
            <option value="E03/E04">E03/E04</option>
            <option value="E03/E07">E03/E07</option>
            <option value="E04/E07/E08">E04/E07/E08</option>
            <option value="E03/E07/E08">E03/E07/E08</option>
            <option value="E07/E08">E07/E08</option>
            <option value="E09">E09</option>
          </select>
          <div class="select-dropdown"></div>
          </div>    
        </div>
      </div>
</div>

<div class="row row-space">
  <div class="col-2">
    <div class="input-group">
      <label class="label">Cat. Material</label>
      <div class="rs-select2 js-select-simple select--no-search">

        <select id="txt_catmaterial" disabled="true" name="txt_catmaterial" onchange="flow()">
            <option value=""></option>
            <?php

              $maquina = $_POST['txt_maquina'];
              $type_te = "";


              if ($maquina == "E09"){
                $type_te= "ET";
              } else {
                $type_te= "EP";
              }
              
              echo $type_te;
              $selecione = "";
              $consulta = "SELECT Cat_Material FROM cat_mat where TE = '".$type_te."' "; //código SQL
                    


                $resultado = mysqli_query($ligacao,$consulta);

                while ($listar = mysqli_fetch_array($resultado)){

                    $catmat = $listar['Cat_Material'];
                    
                    echo "<option value=".$catmat.">$catmat</option>";
                }
            ?>                                          
        </select>   
                    
        <div class="select-dropdown"></div>
      </div>        
    </div>
  </div>
</div>

Все, что я пытаюсь сделать, это создать If, если txt_maq - E09, поэтому я могу выполнить запрос в txt_catmaterial, но значение не поступает из javascript.

0
Diogo Rocha 20 Май 2021 в 10:55

2 ответа

Лучший ответ

Используйте Ajax для отправки данных из Javascript в PHP


function testEndpoint(){
        $.ajax({
            url: "https://path/to/your-php-script.php",
            type: "POST",
            crossDomain: true,
            data: {"txt_maq": $("#txt_maq").val()},
            dataType: "json",
            error: function(xhr, status, error){
                console.log("Error: " + error);
            },
            success: function(result, status, xhr){
                console.log(result);
            }
        });
}

testEndpoint();

В вашем PHP-скрипте your-php-script.php Вы можете использовать txt_maq как переменную POST:

$useTxtMag = $_POST['txt_maq'];

0
Peter 20 Май 2021 в 08:03

Ajax следует использовать после включения jQuery, или вы можете просто включить jQuery в свой элемент head.

0
Peter 20 Май 2021 в 09:40