提交前更改选择输入的值

Question

我正在尝试在提交表单之前从表单的选择下拉菜单中裁剪一些数据。 问题是该值改为改为null。

<form>
    <select name = "test"  id = "dropdown">
        <option value = "userId_1">User 1</option>
    </select>
</form>

提交

scheduleForm.submit(function (e) {    
    var user = $('#dropdown').val();
    user = user .replace(/userId_/g, '');
    $('#dropdown').val(user);
    $.ajax(..........

我猜我不能更改这样的值吗？

Answer 1

您可以尝试以下方法：

scheduleForm.submit(function (e) {

        var value= $('#dropdown').val();
        $('#dropdown').val(parseInt(value.replace(/\D/g,'')));
        user = $('#dropdown').val();
        $('#dropdown').val(user);
$.ajax(..........

Answer 2

在下拉列表中，您只能选择选项列表中存在的那些选项：假设您有一个带有选项值2,3,4,5的下拉列表，那么您不能将下拉列表的值设置为10。选项列表。 您为什么不执行以下操作：

scheduleForm.submit(function (e) {    
var user = $('#dropdown').val();
user = user .replace(/userId_/g, '');

现在，在您的ajax中使用变量“ user”，而不是$（'＃dropdown'）。val（）。 我认为这可能对您有帮助。