Question

我有一个下拉列表，当我在其中选择一个值时，我需要打印我所做选择的值。这是我到目前为止的代码：

<?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的值。

Answer 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>

我希望这会对你有所帮助！

Answer 2

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>

现在你需要创建一个函数来处理JS中下拉列表的onChange事件，如下所示：

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

在上面的函数中，我们使用了document.getElementByID，它通过它的ID查找特定的DOM元素，并且可以执行HTML和CSS相关的操作。在上面的例子中，我们只是设置它的HTML内容。

回声选择值下拉列表PHP

2 个答案: