Php & Jquery 改变函数

Question

大家好，感谢阅读，

我用一点jquery来改变div的输出。

在那个 div 中有一个 php 文件的调用，这里是只有第一个 php 文件被正确调用的问题。

Jquery :

$(document).ready(function () {
    $('.box').hide();
    $('#option1').show();
    $('#selectField').change(function () {
        $('.box').hide();
        $('#'+$(this).val()).show();
    });
});

HTML 和 PHP :

     <select id="selectField" class="form-control">
         <option value="option1">Switch1</option>
         <option value="option2">Switch2</option>
         <option value="option3">Switch3</option>
     </select>

            <div id="option1" class="box">
              <?php
              require 'File1.php';
              ?>
            </div>

            <div id="option2" class="box">
              <?php
              require 'File2.php';
              ?>
            </div>

            <div id="option3" class="box">
              <?php
              require 'File3.php';
              ?>
            </div>

我在 header 中有这个：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

文件 1 中的代码 = 文件 2 但输出仍然不同。

Answer 1

您的 php 文件中可能存在致命错误。

javascript 使用您提供的代码可以正常工作...

演示: http://jsfiddle.net/don/db4qhy0k/

使用的代码：

$(document).ready(function () {
  $('.box').hide();
  $('#option1').show();
  $('#selectField').change(function () {
    $('.box').hide();
    $('#'+$(this).val()).show();
  });
});

Php & Jquery 改变函数

Php & Jquery change function

html

php

jquery