删除 select 列表中的向下箭头

Question

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

如何禁用下拉列表并发送数据或完全删除向下箭头？ 如果我添加 disable="disabled" 那么我已经阻止了 select 列表，但数据 TESTFORM 不与表单一起发送。 也许在 css 中？ 我列出了 select 和 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 的帖子是倒退的。 您想要做的是启用 select 列表 onsubmit 允许发送值的表单。 如果您不使用 ajax 提交表单，则无需担心之后重新禁用它，因为页面将重新加载并且 select 再次禁用。

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