更改 Sumo Select 表单提交的下拉文本和值

Question

我有一个表格，一旦我提交，所有表格都会返回空白。我已经为下拉菜单实现了 Sumo Select 插件。提交表单时，下拉列表的值或文本没有变化。没有任何尝试在这里有所帮助。我将在下面分享代码

HTML

<div class="col-lg-6">
    <div class="input-group mb-3">
        <select value="" name="_fromDrop" id="_fromDrop" class="SlectBox form-control">
            <?php echo load(); ?>
        </select>
    </div>
</div>

JQUERY 表格提交

$(document).ready(function(e){
    $("#form").on('submit', function(e){
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'add.php',
            data: new FormData(this),
            dataType: 'json',
            contentType: false,
            cache: false,
            processData:false,
            async: false,
            autoUpload: false,
            success: function(response){
                $('.statusMsg').html('');
                if(response.status == 1){
                    $('#form')[0].reset(); //FORM TO RESET AFTER SUBMISSION
                    $('.statusMsg').html('<p class="alert alert-success">'+response.message+'</p>'); // REPONSE MESSAGE
                    
                    postOrderSave(); //TEST METHOD TO RESET DROPDOWN

                }else{
                    $('.statusMsg').html(alert(response.message));
                }
                $('#form').css("opacity","");
                $(".submit").removeAttr("disabled");
            }
        });
    });
});

重置方法

function postOrderSave(){
    //Order From
    $('#_fromDrop[value="Name List"]').text('Name List');
}

我哪里出错了？请帮忙解决这个问题。

Answer 1

如果您查看 插件文档 以在 select 框中设置 selected 值，您可以使用 :

 $('select.SlectBox')[0].sumo.selectItem('Name List');

更改 Sumo Select 表单提交的下拉文本和值

Change Sumo Select Dropdown Text and Value on Form Submission

javascript

jquery

drop-down-menu

jquery-plugins

sumoselect.js