如果更改了选定的值,请运行脚本

时间:2017-06-05 09:03:59

标签: javascript php

如果在dropdown中更改了值,我想运行PHP脚本。 PHP脚本应该运行if else语句。是否可以在没有表单POST的情况下运行此脚本?

这是我的下拉列表:

<select id="data" name="data" class="select2_single form-control">
  <option value="1">Data 1</option>
  <option value="2">Data 2</option>
</select>

这是我想要执行的脚本:

<?php
  if($_POST['data'] != '1') {
    echo  'Value 1 is selected';
  }
  if($_POST['data'] != '2') {
    echo 'Value 1 is selected';
  } else {
    echo  'No value selected';
  }
?>

2 个答案:

答案 0 :(得分:1)

尝试使用此js代码更改值并在php端处理发布数据:

$(document).ready(function() {
  $("#data").change(function() {
    var id=$(this).val();       
    $.ajax
    ({
        type: "POST",
        data: 'id='+ id, 
        url : "dynamic_select.php",
        success: function(data) {
            //Handle returned data 
        }
    });

   });

});

答案 1 :(得分:1)

此外,您只需使用纯JavaScript即可完成此操作:

&#13;
&#13;
var dataEl = document.querySelector('#data'),
    outputEl = document.querySelector('#output');

dataEl.onchange = function() {
  outputEl.innerText = dataEl.value 
    ? 'Value ' + dataEl.value + ' is selected'
    : 'No value selected';
};
&#13;
<select id="data" name="data" class="select2_single form-control">
  <option value="">Select...</option>
  <option value="1">Data 1</option>
  <option value="2">Data 2</option>
</select>

<p id="output"></p>
&#13;
&#13;
&#13;