Javascript 如何防止这些值选项在填写inputbox时被用户删除

在“重新加载”页面上显示值“SSS”。如果我选择一个选项，每个选项的值都会显示，但这些选项可以删除。是否有任何选项可以切换这些值，但用户无法编辑/删除

$（'select[name=filter]'）。更改（函数（）{
变量输入字段=$（“输入字段”）；
开关（$（this.val（））{
案例“A”：输入_field.val（'AAAAAA'）；中断；
案例“B”：输入_field.val（'bbbbbbbb'）；中断；
}
});

AA
BB
您可以使用正则表达式检查值是否与开头的字符串以及任何字符串匹配：

var reg = new RegExp(yourString + '.*');

有关此访问的更多信息，请访问：

我创建此片段是为了演示：


$（文档）.ready（函数（）{
$（'select[name=filter]'）。更改（函数（）{
变量输入字段=$（“输入字段”）；
开关（$（this.val（））{
案例“A”：
输入_field.val（'AAAAAA'）；
打破
案例“B”：
输入_field.val（'bbbbbbbb'）；
打破
}
});
$（'#ifield'）。在（'输入'，函数（）上）{
变量A=‘AAAAA’；
var B=‘BBBBBB’；
var select_field=$（'select[name=filter]'）。val（）；
//为对象创建正则表达式
var regA=new RegExp（A+'.*'）；
//为B创建正则表达式
var regB=new RegExp（B+'.*'）；
如果（选择_字段=='A'）{
//检查字符串是否与
//.test（）
if（！（regA.test（$（this.val（）））{
//将该值设置为A
$（此）.val（A）；
}
}else if（选择_字段=='B'）{
if（！（regB.test（$（this.val（）））{
$（此）.val（B）；
}
}
})
});

AA
BB
您可以使用正则表达式检查值是否与开头的字符串以及任何字符串匹配：

var reg = new RegExp(yourString + '.*');

有关此访问的更多信息，请访问：

我创建此片段是为了演示：


$（文档）.ready（函数（）{
$（'select[name=filter]'）。更改（函数（）{
变量输入字段=$（“输入字段”）；
开关（$（this.val（））{
案例“A”：
输入_field.val（'AAAAAA'）；
打破
案例“B”：
输入_field.val（'bbbbbbbb'）；
打破
}
});
$（'#ifield'）。在（'输入'，函数（）上）{
变量A=‘AAAAA’；
var B=‘BBBBBB’；
var select_field=$（'select[name=filter]'）。val（）；
//为对象创建正则表达式
var regA=new RegExp（A+'.*'）；
//为B创建正则表达式
var regB=new RegExp（B+'.*'）；
如果（选择_字段=='A'）{
//检查字符串是否与
//.test（）
if（！（regA.test（$（this.val（）））{
//将该值设置为A
$（此）.val（A）；
}
}else if（选择_字段=='B'）{
if（！（regB.test（$（this.val（）））{
$（此）.val（B）；
}
}
})
});

AA
BB
只需隐藏输入，并在一些通用html标记中显示值

html:

只需隐藏输入，并在一些通用html标记中显示值即可

html:

是的，您需要以某种方式保留数据（数据库、本地存储、cookie…），并在pageload上检索值以更新输入如果我理解正确，您只需设置使您的输入为只读。这样，您可以使用脚本更改其值，但用户无法在输入字段中键入任何内容。您好，我们仍然需要用户键入值旁边的inputbox，但不希望他们编辑值选项。是的，您需要以某种方式保留数据（数据库、本地存储、cookie…）并在pageload上检索值以更新输入如果我理解正确，您只需设置make your input
readonly
。这样，您可以使用脚本更改其值，但用户无法在输入字段中键入任何内容。您好，我们仍然需要用户键入值旁边的inputbox，但不希望他们编辑值选项。我们仍然允许用户键入值旁边的inputbox，但是他们不能编辑值选项。那么像阻止用户编辑源代码吗？就像这样，当用户在选择框中选择选项时，值会显示在输入框中，用户可以在值后在该框中填写详细信息，但该值是可删除/可编辑的。因此，当用户填写输入框时，我们希望输入框中的值不可编辑。谢谢，我们/我可以看到它正在工作。但是，当我使用这些代码作为对我的站点的测试时，它不起作用。它仍然可以删除。您使用哪种浏览器（版本）？我们仍然允许用户在值旁边的输入框中键入，但他们不能编辑值选项。因此，就像阻止用户编辑源代码一样？它是这样的，当用户在选择框中选择该选项时，该值将显示在输入框中，用户可以在该框中填写该值之后的详细信息，但该值是可删除/可编辑的。因此，当用户填写输入框时，我们希望输入框中的值不可编辑。谢谢，我们/我可以看到它正在工作。但是，当我使用这些代码作为对我的站点的测试时，它不起作用。它仍然可以删除。您使用哪个浏览器（版本）？
$('select[name=filter]').change(function() {
    var input_field = $('input#ifield');
    switch ($(this).val()) {
        case 'A': input_field.val('AAAAAA'); break;
        case 'B': input_field.val('BBBBBB'); break;
    }
        $('#selected_val').html(input_field.val())
});