更改相扑选择表单提交的下拉文本和值

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.SlectBox')[0].sumo.selectItem('Name List');