javascript - 有没有一种方法可以禁用用户的下拉菜单，同时仍然能够提交具有禁用下拉菜单的表单？

Question

我有一个对用户禁用的下拉列表。我希望用户能够按下一个按钮将所选项目更改为不同的项目。例如:从下拉列表中的第 4 项到第 7 项。

我尝试禁用下拉菜单，但当我这样做并提交表单时，我收到一条 PHP 错误，提示 undefined index :id。

HTML:

<form>
    <select id='id' name='id' autocomplete='none' disabled required>
        <option value='2'>apple</option>
        <option value='6'>banana</option>
        <option value='10'>orange</option>
    </select>
    <button type='submit'>Submit</button>
</form>

JavaScript:

const dropdown = document.getElementById('dropdown');
const options = dropdown.options;

for (let i = 0; i < options.length; ++i) {
    if (options[i].value === id) {
        dropdown.selectedIndex = i;
        break;
    }
}

PHP(这一行似乎是最重要的):

$id = $_POST['id'];

Answer 1

您似乎没有在表单标记中定义方法和操作。我认为默认情况下，该方法设置为“GET”，因此在检查“POST”时您会遇到错误。因此，设置“method='post'”(最好也是一个操作，例如“action='/yourPageName.php')并查看是否有帮助。