About changing text box attributes in HTML drop-down list_html/css

For example ;2 When the drop-down box is selected 2, the text box is hidden and the style attribute is="display:none". I have tried many methods but it works. Is it not possible to change the value of style?

Reply to discussion (solution) 1 2 function disinput(obj){ if(obj.value==2){ document.getElementById("text").style.display="none"; }else{document.getElementById("text").style.display="block";} } Copy after login Copy after login

This can indeed be achieved, But when it is displayed, the text box will change to the next line.... Is there a way to solve this problem? T T~ @ly12530 @Null_Reference 1 2 function disinput(obj){ if(obj.value==2){ document.getElementById("text").style.display="none"; }else{document.getElementById("text").style.display="block";} } Copy after login Copy after login

If you restore the default, you can not wrap the line. If it is a block, it will become a block-level element, and line breaks are necessary 1 2 function disinput(obj){ if(obj.value==2){ document.getElementById("text").style.display="none"; }else{document.getElementById("text").style.display="";} } Copy after login Copy after login I wrote one for you using JQuery. Take a look, select 1 to display the text box, and select 2 to disappear

Damn, you’ve been a good person for nothing, you won’t get a cent. $(function () { }); function changeSel() { if ($("#select1").val() == 2) { $("#text").addClass("class2"); } else { $("#text").removeClass("class2"); } } .class2 { display:none; } 1 2 Copy after login

If you restore the default, you don’t need to wrap the line. If you block, It’s a block-level element, so line breaks are necessary - - I can’t help it~~ You’re late~~~ I thought no one would reply, so I ended the post. 1 2 function disinput(obj){ if(obj.value==2){ document.getElementById("text").style.display="none"; }else{document.getElementById("text").style.display="";} } Copy after login Copy after login

About changing text box attributes in HTML drop-down list_html/css_WEB-ITnose