How can I add a <select> option using jquery? [duplicate]

Question

I am trying js:

$('a[data-select="more-options"]').click(
  function () {
    $('select')
      .append($("<option></option>")
      .attr("one more additional and long option",3)
      .text("3333333333"));
  }
);

on HTML of

<span id="dropdown">A 
  <select>
    <option>this is option 1</option>
    <option>This is option 2</option>
  </select> list<br>
</span>

&nbsp;<a data-select="more-options" href="#">Add long option to the select</a>

but I get no results (or error).

I do get an error when I execute the code in Chrome 35: Uncaught InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'one more additional and long option' is not a valid attribute name. — izstas
– izstas, Commented Jun 21, 2014 at 17:52

PG1 · Accepted Answer · 2014-06-21 18:02:29Z

2

Check this fiddle.

$('select').append( "<option>This is option 3</option>" );

This appends the third option to select. You can add other attributes to the option.

answered Jun 21, 2014 at 18:02

PG1

1,2422 gold badges12 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rashmin Javiya · Accepted Answer · 2014-06-21 17:53:23Z

-1

Check this,

$('a[data-select="more-options"]').click(function () {
     $('select').append("<option>3333333333</option>");
});

jsfiddle

answered Jun 21, 2014 at 17:53

Rashmin Javiya

5,2223 gold badges31 silver badges49 bronze badges

Collectives™ on Stack Overflow

How can I add a <select> option using jquery? [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related