Question

<select name="TESTFORM" disabled="disabled">
    <option>one</option>
    <option>two</option>
    <option>three</option>
    <option>four</option>
</select>

如何禁用下拉列表并发送数据或完全删除向下箭头？如果我添加disable =“disabled”然后我已阻止选择列表，但数据TESTFORM不发送表单。也许在CSS？我用JavaScript选择列表。

Answer 1

未提交已停用的字段。所以你有两个解决方案：

在触发表单的submit事件时启用表单字段，稍后再次禁用它：

$('#yourform').submit(function() {
    $('select[name="TESTFORM"]', this).prop('disabled', false);
    window.setTimeout(function() {
        $('select[name="TESTFORM"]', this).prop('disabled', true);
    }, 100)
});

另一个解决方案是添加<input type="hidden">来实际发送信息：

var val = $('#yourform select[name="TESTFORM"]').val();
$('<input/>', { type: 'hidden', 'name': 'TESTFORM' }).val(val).appendTo('#yourform');

Answer 2

据我所知，你不能“删除”向下箭头，而ThiefMaster的帖子是倒退的。你想要做的是启用表单的选择列表onsubmit，允许发送值。如果您没有使用ajax提交表单，则无需担心之后重新禁用它，因为页面将重新加载并且选择再次禁用。

$('#yourform').submit(function() {
    $('select[name="TESTFORM"]', this).prop('disabled', false);
});

删除选择列表中的向下箭头

2 个答案: