Javascript 如何在单个标记中使用两个数据最小值和数据最大值属性

我想在选定的产品上验证产品的宽度和厚度。我已完成宽度验证，但与厚度混淆

比如，我想验证10到200之间的宽度，还想验证1到30之间的厚度。因此，我设法验证宽度，但在管理厚度时混淆。这是我的密码：

$（函数（）{
变量$width=$（“#width”）；
变量$thickness=$（“#thickness”）；
$（“#产品”）。更改（函数（）{
var$selected=$（this.find（'option:selected'）；
$width.prop({
最小值：$selected.data（'min'），
最大值：$selected.data（'max'）
});
$thickness.prop({
最小值：$selected.data（'min'），
最大值：$selected.data（'max'）
});
});
});

产品类型
铜扁
装配式铜母线
装配式铝母线
宽度：
厚度：
提交
您只需添加更具体的数据属性即可：

数据最小宽度
，
数据最大宽度
，
数据最小厚度
，
数据最大厚度
，您只需添加更具体的数据属性即可：

数据最小宽度
，
数据最大宽度
，
数据最小厚度
，
数据最大厚度
，通过查看代码，您似乎试图从所选选项中读取最大和最小宽度以及厚度数据属性，但您只是读取“最小”和“最大”而不是“最小宽度”，“最小厚度”等

请参阅下面的代码

$(function() {
  var $width = $('#width');
  var $thickness = $('#thickness');

  $('#product').change(function() {
    var $selected = $(this).find('option:selected');
    $width.prop({
      min: $selected.data('min-width'),
      max: $selected.data('max-width')
    });
    $thickness.prop({
      min: $selected.data('min-thickness'),
      max: $selected.data('max-thickness')
    });
  });
});

通过查看代码，您似乎试图从所选选项中读取最大和最小宽度以及厚度数据属性，但您只是读取“最小”和“最大”，而不是“最小宽度”、“最小厚度”等

请参阅下面的代码

$(function() {
  var $width = $('#width');
  var $thickness = $('#thickness');

  $('#product').change(function() {
    var $selected = $(this).find('option:selected');
    $width.prop({
      min: $selected.data('min-width'),
      max: $selected.data('max-width')
    });
    $thickness.prop({
      min: $selected.data('min-thickness'),
      max: $selected.data('max-thickness')
    });
  });
});

使用数据属性，如数据最小宽度、数据最大宽度、数据最小厚度、数据最大厚度，并使用jquery的attr属性获取该属性


$（函数（）{
变量$width=$（“#width”）；
变量$thickness=$（“#thickness”）；
$（“#产品”）。更改（函数（）{
var$selected=$（this.find（'option:selected'）；
$width.prop({
最小：$selected.attr（'data-min-width'），
max:$selected.attr（'data-max-width'））
});
$thickness.prop({
最小值：$selected.attr（'data-min-thickness'），
max:$selected.attr（'data-max-thickness'）
});
});
});

产品类型
铜扁
装配式铜母线
装配式铝母线
宽度：
厚度：
提交
使用数据属性，如数据最小宽度、数据最大宽度、数据最小厚度、数据最大厚度，并使用jquery的attr属性获取该属性


$（函数（）{
变量$width=$（“#width”）；
变量$thickness=$（“#thickness”）；
$（“#产品”）。更改（函数（）{
var$selected=$（this.find（'option:selected'）；
$width.prop({
最小：$selected.attr（'data-min-width'），
max:$selected.attr（'data-max-width'））
});
$thickness.prop({
最小值：$selected.attr（'data-min-thickness'），
max:$selected.attr（'data-max-thickness'）
});
});
});

产品类型
铜扁
装配式铜母线
装配式铝母线
宽度：
厚度：
提交
data min width=10 data min thickness=1…
我将尝试此方法并让您知道
data min width=10 data min thickness=1…
我将尝试此方法并让您知道请检查我编辑的问题。！如果我做错了，请告诉我。@BhushanPatil
$selected.data（'min'）
应该是
$selected.data（'min'）。data（'min-width'）
表示宽度，而
$selected.data（'min-thickness'）
表示厚度。马克斯也一样。请检查我编辑的问题。！如果我做错了，请告诉我。@BhushanPatil
$selected.data（'min'）
应该是
$selected.data（'min'）。data（'min-width'）
表示宽度，而
$selected.data（'min-thickness'）
表示厚度。马克斯也一样