disabled/readonly状态select无法传值，hidden input失效求助

核心问题原因 #

1. <select>不支持readonly属性：HTML规范中select元素没有readonly属性，设置后完全不生效，用户仍可修改选项。
2. disabled元素不会被表单提交：给select加disabled虽能限制用户修改，但浏览器不会将disabled元素的value提交到服务器，导致$_POST['payt']始终为空。
3. 原代码存在变量覆盖问题：初始的$payt变量在while循环中被反复赋值，导致第一个option的value被覆盖为数据库最后一条数据的payTerms，默认选中逻辑完全失效。

可行解决方案 #

方案1：disabled + 隐藏input（推荐） #

当$tsktype == "csd"时，给select加disabled，同时添加一个与select同名的hidden input，将需要提交的值存入hidden字段——表单提交时，disabled的select不会被提交，hidden的值会被正常传递。

修正后的select部分代码：

<?php
// 先保存初始默认值，避免被循环覆盖
$default_payt = $payt;
?>
<select name="payt" id="payt" <?php if ($tsktype == "csd") { echo "disabled"; } ?>>
    <?php 
        while($rowpayt = @mysqli_fetch_array($aPAYT,MYSQLI_ASSOC))
        {
            $payt = $rowpayt['payTerms'];
            $paytd = $rowpayt['ptdescr'];
            // 动态设置默认选中状态
            $selected = ($payt == $default_payt) ? 'selected' : '';
    ?>
    <option value="<?php echo $payt ?>" <?php echo $selected ?>><?php echo $paytd ?></option>
    <?php
        }
    ?>
</select>
<!-- 仅在禁用select时渲染隐藏input，传递默认值 -->
<?php if ($tsktype == "csd") { ?>
<input type="hidden" name="payt" value="<?php echo $default_payt ?>">
<?php } ?>

方案2：JS阻止select修改（无需disabled） #

如果不想用disabled，可通过JavaScript强制锁定select的选项，同时保持元素可提交：

<?php
$default_payt = $payt;
?>
<select name="payt" id="payt" <?php if ($tsktype == "csd") { echo "data-default='$default_payt'"; } ?>>
    <?php 
        while($rowpayt = @mysqli_fetch_array($aPAYT,MYSQLI_ASSOC))
        {
            $payt = $rowpayt['payTerms'];
            $paytd = $rowpayt['ptdescr'];
            $selected = ($payt == $default_payt) ? 'selected' : '';
    ?>
    <option value="<?php echo $payt ?>" <?php echo $selected ?>><?php echo $paytd ?></option>
    <?php
        }
    ?>
</select>

<?php if ($tsktype == "csd") { ?>
<script>
const select = document.getElementById('payt');
const defaultVal = select.dataset.default;
// 强制锁定默认值
select.value = defaultVal;
// 阻止用户修改选项
select.addEventListener('change', function(e) {
    e.preventDefault();
    this.value = defaultVal;
});
// 增加视觉提示，告知用户不可修改
select.style.backgroundColor = '#eee';
select.style.cursor = 'not-allowed';
</script>
<?php } ?>

方案3：后端直接赋值（无需前端控制） #

如果无需展示select选项，可在后端直接处理：当$tsktype == "csd"时，跳过前端select渲染，直接用hidden input提交值；或在接收页面直接调用默认值（需确保该值在接收页面可获取）。

接收页面修改示例：

<?php
// 假设$default_payt在接收页面可通过session/其他方式获取
if(!empty($_POST['payt'])){
    $payt = $_POST['payt'];
    echo "AQUI ESTÁ O PAYT: $payt";
}
elseif($tsktype == "csd"){
    // csd类型直接使用默认值
    $payt = $default_payt;
    echo "AQUI ESTÁ O PAYT: $payt";
}
else{
    echo "Não está definida";
}
?>

验证要点 #

• 确认$default_payt的值未被循环覆盖，保持初始默认值
• 测试表单提交后，接收页面能正确获取payt的值
• 使用方案1时，确保hidden input仅在$tsktype == "csd"时渲染，避免与正常select提交冲突

内容的提问来源于stack exchange，提问作者Gabs Oli