刪除 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);
});