HTML

Question

我有一个简单的组合框，我可以在JavaScript中获得它的价值。我这样做，所以我不需要刷新页面。此外，我想使用所选值在组合框后进行一些条件分支，那么如何从JavaScript到我的变量$change获取组合框的值。

echo '<select id="combo_1">';
echo '<option value="2">Submative</option>';
echo '<option value="1">formative</option>';
echo '</select>';

以下是我的JavaScript：

    <script type="text/javascript">
    $(document).ready(function() {

        $('#combo_1').change(function(){

        });

    });

    </script>

我想做$change = $(this).val()，但显然我不能这样做。
有什么建议？我想在同一页面上进行，无需刷新或不提交我的网址有点像这样

 http://localhost/lms/grade/report/userdef/index.php

我想要点击动作 cuz取决于组合框2的选择，将被称为非常不同的程序

Answer 1

您将要使用AJAX并提交表单，然后您可以访问返回的数据，而无需刷新页面。

基本上：

HTML

<select name="combo" id="combo_1">
    <option value="2">Submative</option>
    <option value="1">formative</option>
</select>

的JavaScript

$('#combo_1').change(function() {
    $.post('calcScript.php', $(this).serialize(), function(data) {
        alert(data);
    });
});

在PHP中，您可以通过$_POST['combo']访问您的组合数据。

Answer 2

<script type="text/javascript">
 $(document).ready(function() {

  $('#combo_1').change(function(){
        var combo_1 = $(this).val();
        $.ajax({
                type: 'GET',
                url: 'ajax.php',
                data: {'combo_1':combo_1},
                success: function(data){
                    alert(data)
                }
            });
  });

 });

 </script>

ajax.php

 if( isset($_GET['combo_1]) ) {
    echo $change = $_GET['combo_1'];
 }

Answer 3

JS：

$.ajax({
    type: "POST",
url: './filename.php',
    beforeSend: function(){
        //If you want to do something 
},
data: 'data='$('#combo_1').val(), //Optional '&data2='+value+'&datan='+value,
    success: function(msg){
        alert(msg);
    }
});

PHP：

$val = $_POST['data'];
return 'received successfully';

这会提醒'收到成功'

从javascript变为php

3 个答案:

HTML

的JavaScript