形式顯示PHP HTML

Question

我有多個PHP文件與海誓山盟互動，和我有一個對output.php文件被調用的lang_offer.php文件名爲display_lang_offer()功能，如下圖所示：Javascript

function display_lang_offer(){ 
    //languages offered 
?> 
<form> 
    <select name="languages"> 
    <option></option> 
    <option value"html">HTML</option> 
    <option value"css">CSS</option> 
    <option value"js">JavaScript</option> 
    <option value"csharp">C#</option> 
    <option value"php">PHP</option> 
    <option value"java">Java</option> 
    <option value"phython">Phython</option> 
    </select> 
    <br><br> 
</form> 
<div class="section" id="html">html content here</div> 
<div class="section" id="css">CSS content here</div> 
<div class="section" id="js">js content here</div> 
<div class="section" id="csharp">csharp content here</div> 
<div class="section" id="php">php content here</div> 
<div class="section" id="java">java content here</div> 
<div class="section" id="phython">phython content here</div> 

而且是：

var id; 
$("#languages").on("change",function(){ 
id=$(this).val(); 
$(".section").hide(); 
$("#"+id).stop().show(); 
}) 

而且CSS是：

.section{display:none} 

我如何得到它，當我選擇HTML選項時，會顯示HTML內容？然後，如果我選擇Java選項，則HTML選項將消失，並顯示Java。

編輯

整個函數現在是：

function display_lang_offer(){ 
    //languages offered 
?> 
<script> 
var id; 
$("#languages").on("change",function(){ 
id=$(this).val(); 
$(".section").hide(); 
$("#"+id).stop().show(); 
}) 
</script> 
<style> 
.section{display:none;} 
</style> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form> 
    <select name="languages"id="languages"> 
    <option></option> 
    <option value="html">HTML</option> 
    <option value="css">CSS</option> 
    <option value="js">JavaScript</option> 
    <option value="csharp">C#</option> 
    <option value="php">PHP</option> 
    <option value="java">Java</option> 
    <option value="python">Python</option> 
    </select> 
    <br><br> 

</form> 
<div class="section" id="html">html content here</div> 
<div class="section" id="css">CSS content here</div> 
<div class="section" id="js">js content here</div> 
<div class="section" id="csharp">csharp content here</div> 
<div class="section" id="php">php content here</div> 
<div class="section" id="java">java content here</div> 
<div class="section" id="python">python content here</div> 

我都試過的答案，但既不似乎工作