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> 

我有这样的报头：

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

在文件中的代码1 =文件2但仍然是输出变量ES。

Answer 1

你的php文件中可能有一个致命错误。

JavaScript的正常工作使用你给的代码...

DEMO：使用http://jsfiddle.net/don/db4qhy0k/

代码：

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