2016-06-16 109 views
-4

我有一個下拉列表,當我在其中選擇一個值時,我需要打印我所做的選擇的值。這是我的代碼至今:回聲選定值下拉列表PHP

<?php 
$aPersoon = array(10=>'Barends', 20 => 'van Hulten', 30 => 'Jansen', 40 => 'Waili', 50=> 'Ketelaars'); 
?> 

陣列

<select name="per1" id="per1"> 
      <option selected="selected">Kies een</option> 
      <?php 
      foreach($aPersoon as $key => $value): 
      echo '<option value="'.$key.'">'.$value.'</option>'; 

      endforeach; 
      ?> 
     </select> 

所有的名字都在下拉列表中。例如,當我點擊Jansen時,我需要回顯值30,因爲這是Jansen的值。

+1

你需要在哪裏回顯「價值」? – Epodax

+0

@Epodax在下拉列表中。 –

+1

@KipVerslaafde你需要javascript。 – Jer

回答

1

在選擇一個選項後,您可能需要使用Javascript作爲onChange()事件。所以這裏有一個例子,你可以使用它:

你的腳本修改:

<select name="per1" id="per1" onChange="myFunction(this)"> 
    <option selected="selected">Kies een</option> 
    <?php 
    foreach($aPersoon as $key => $value): 
    echo '<option value="'.$key.'">'.$value.'</option>'; 

    endforeach; 
    ?> 
</select><br /> 
Your option: <span id="myfunction">You haven't selected an option yet</span> 

的Javascript:

<script type="text/javascript"> 
function myFunction(event) { 
    var output = event.value; 
    document.getElementById("myfunction").innerHTML = output; 
} 
</script> 

我希望這會幫助你!

+0

我不允許使用JavaScript。 –

+0

然後,沒有其他選擇使用JavaScript。你有沒有被允許使用JS的特定原因? – Jer

+2

除非您提交表單並在PHP中回顯所選值,否則沒有其他顯示值的方法。然後您必須配合會話,獲取會話價值並輸出。 誠實地說,最好是爲Javascript辯論。如果您將其用於顯示目的,它可以解決諸多問題。 –

1

PHP不會工作,因爲它是一種服務器端腳本語言。你需要使用JS。 JS有幫助,因爲它可以處理客戶端事件,如更改下拉菜單項。

您需要爲此使用onchange()事件。當有人從下拉菜單中改變數值時,它會觸發該功能。

要使用更新您的HTML這樣的:

 <select name="per1" id="per1" onchange="updateBottomValue(this.value);"> 
     <option selected="selected">Kies een</option> 
     <?php 
     foreach($aPersoon as $key => $value): 
     echo '<option value="'.$key.'">'.$value.'</option>'; 

     endforeach; 
     ?> 
    </select> 
    <span id="selectedValue"></span> 

現在,你需要做一個函數,它將處理下拉的onChange事件在JS象下面這樣:

function updateBottomValue(selectedvalue) { 
     document.getElementById("selectedValue").innerHTML=selectedvalue; 
} 

在上面函數我們使用了document.getElementByID,它通過它的ID查找特定的DOM元素,並且可以執行HTML和CSS相關的操作。在上面的例子中,我們只是設置它的HTML內容。