使用 JavaScript 在 HTML 中动态添加和删除所需标签？

Question

我有一个包含很多值的 select 选项，我需要根据 select 选项值来切换是否需要字段，尝试了所有可能的解决方案，例如：

$(document).ready(function () {

});

function toggleFields(sel) {
 var valuee = sel.value;  
 alert (valuee);


 if (valuee < 7){


    //$("#comment").setAttribute("required",""); 
    alert("Removed");
    $('#comment').required = false;                //Correct
    $('#comment').removeAttribute("required");     //Correct
}

else{
    $('#comment').required = true;                       //Correct
    $('#comment').setAttribute("required", ""); 
    alert("Set");
}

}

一个运行例子可以在这个fiddle

中找到

Fiddle Link is below

Answer 1

您的 jQuery 代码应该在 $(document).ready(function () { /*your code here */ } 里面，而不是在它下面。

编辑：或者应该将其设置为在加载 jquery 之前不调用任何 jquery 代码。您可能想要删除内联函数并在脚本中设置事件处理程序

此外，$('comment')是什么？它应该是一个选择器，例如。 $('#comment') 或一个元素，例如。 $('div').

编辑：https://jsfiddle.net/tjwoo1y7/11/

 $('#comment').attr("required", false);
 $('#comment').attr("required", true);

使用 JavaScript 在 HTML 中动态添加和删除所需标签？

Adding and Removing Required Tag Dynamically in HTML using JavaScript?

html

javascript

required