2016-06-16 114 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内容。