在提交表单时更改 Sumo 选择下拉文本和值答案

【问题标题】：Change Sumo Select Dropdown Text and Value on Form Submission在提交表单时更改 Sumo 选择下拉文本和值
【发布时间】：2021-08-30 09:19:57
【问题描述】：

我有一个表格，一旦我提交，所有表格都会返回空白。我已经为下拉菜单实现了 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');
}

我在哪里犯了错误？请帮忙。

【问题讨论】：

This 插件你在用吗？如果是，请转到.selectItem(index/value) 部分，它显示了如何做到这一点。
@Swati 我希望您将其发布为答案。

标签： javascript jquery drop-down-menu jquery-plugins sumoselect.js

【解决方案1】：

如果您查看该 插件文档 以在选择框中设置所选值，您可以使用：

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

【讨论】：