attr not working in IE

Question

I'm a newbie to JQuery. I'm trying to add "input" tag to form in different select case.

  $(document).ready(function() {
        $("select[name=InputSource]").change(function() {
            if (this.value == 3) {
                eth_input = true;
                $(".page_ip").attr("form", "broadcastform");
            } else {
                eth_input = false;
                $(".page_ip").attr("form", "");
            }
        });
    });

But attr seems not working for IE. I search for article that people suggest to use data-* with IE browser. But problem is that I still need to change "form" attribute in order to make this input into the form. Is there anyway to apply attr to change "form" attribute?

yes. In chrome and firefox, it works fine. but in IE, I check the console there is nothing change. — Pwan, Aug 29 '16 at 03:57
@Pwan: We can't answer your question without more context. I suggest creating a **runnable** [mcve] using Stack Snippets (the `<>` toolbar button). `attr` should work with the [`form` attribute](https://www.w3.org/TR/html5/forms.html#attr-fae-form). — T.J. Crowder, Aug 29 '16 at 04:02
@Pwan: My mistake, we can: This is probably a duplicate of [*Internet Explorer issue with HTML5 form attribute for button element*](http://stackoverflow.com/questions/20658402/internet-explorer-issue-with-html5-form-attribute-for-button-element) - IE doesn't support the `form` attribute. — T.J. Crowder, Aug 29 '16 at 04:09

score 3 · Answer 1 · edited May 23 '17 at 12:22

3

It's not that the form attribute isn't being applied by your code. It's that IE doesn't support it (not even IE11). Details and possible workaround in this question and its answers (and other questions and their answers linked to it).

edited May 23 '17 at 12:22

Community

1
1

answered Aug 29 '16 at 04:08

T.J. Crowder

1,031,962
187
1,923
1,875

@SverriM.Olsen: Thank you. For some reason when I went there and typed "form," that didn't show up. (Which is odd, as I just tried doing so again, and it did.) – T.J. Crowder Aug 29 '16 at 04:11
I did't know that. How can I added an input attribute to a form if IE is not supported form attribute? – Pwan Aug 29 '16 at 04:13
@Pwan: See the linked question, the other questions linked to it, and their answers. – T.J. Crowder Aug 29 '16 at 04:15
T.J i'm your fan!! – Fiido93 Aug 29 '16 at 04:48

ajaykumar · Answer 2 · 2016-08-29T04:10:10.277

0

You can use the javascript setAttribute instead Jquery. See the support here: http://caniuse.com/#search=setAttribute Add:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

along with <!DOCTYPE html>

It works in IE8+ environments

edited Aug 29 '16 at 04:10

answered Aug 29 '16 at 03:57

ajaykumar

646
7
17

Isn't that what jQuery's `.attr()` method uses behind the scenes? – nnnnnn Aug 29 '16 at 03:58
Could be. Need to check the Jquery API. You need to add the meta tag too. Added in my answer. It works in IE8+ envirnoments. – ajaykumar Aug 29 '16 at 04:10

score 0 · Answer 3 · answered Aug 29 '16 at 04:34

Its because form attribute is part of HTML5 and is not supported by IE. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input.

This had hppened with me when I tried to add/change few ARIA attrs which are not supported by IE. Though form attr's usage can be ignored by wrapping up in a separate form and appended after the previous form. And position it at desired place.

Your code snippet is not helping very much as the markup/html is also required to suggest better solution.

attr not working in IE

3 Answers3