如何将下拉菜单选中option的值设置为数字输入框的max属性值

你可以用jQuery的attr()方法直接操作输入框的max属性，修改后的代码如下：

<script type="text/javascript">             
$("#pa_tiefe").on("change",function(){
  // 获取下拉选中的value值
  var val = $(this).find('option:selected').val();
  // 给输入框设置max属性
  $(".ex-tiefe").attr('max', val);
  // 可选优化：如果选中默认空选项，清空输入框已填值避免残留非法数值
  if(!val){
    $(".ex-tiefe").val('');
  }
});
</script>

核心改动说明：

• 移除了原代码中操作class的removeClass、addClass逻辑，以及不需要的prevVal变量
• 调用.attr('max', val)方法，直接把选中的下拉选项值绑定到输入框的max属性上，如果你希望操作DOM原生属性而非HTML标签属性，也可以把attr替换为prop，效果一致
• 额外增加的空值判断为可选优化项，作用是避免用户先选中有数值的下拉选项、输入了对应范围的内容，再切回默认空选项时，输入框残留不符合限制的数值，你可以根据需求决定是否保留

内容的提问来源于stack exchange，提问作者Johann Enns