保管箱 HTML 中的选定值 - Selected value in dropbox HTML

Selected value in dropbox HTML

本文关键字：HTML 保管箱 | 更新日期: 2023-09-27

我有以下代码，它以编程方式为我生成一个php中的下拉框。

echo "<select name='"choice'">";
echo "<option selected='"selected'" disabled='"disabled'">Number of Columns</option>";
for ($i = 1; $i <= 10; $i++) {
    echo "<option>$i</option>";
}
echo "</select>";

我需要使用用户稍后选择的任何项目，但我实际上不确定所选值的存储位置？我知道这听起来很愚蠢，但是一旦用户做出选择，我如何通过 HTML 访问所选项目？

谢谢

不使用 HTML 来收集值。HTML 是一种输出语言。您可以使用 Javascript 或 PHP 来访问这些项目。

jQuery示例如下所示：

<form action="submitToPhp.php">
    <select id="dropdown" name="dropdown">
        <option value='1'>first</option>
        <option value='2'>second</option>
    </select>
</form>
<script>
    $('#dropdown').change(function() {
        var selectedItem = $(this).val();
        alert(selectedItem);
        // Outputs the value of the selected dropdown
    });
</script>

PHP

版本会将该表单提交到 PHP 脚本：

<?php
$post = $_POST;
$selectedItem = $post['dropdown'];
echo $selectedItem;
// Outputs the value of the selected dropdown item

您始终可以通过父表单元素找到选择元素。

例如：

alert(document.forms[0].choice.value);