JQuery syntax error unrecognized expression

Question

$("#EMPLOYEE_ALT option:[value='"+$("#EMPLOYEE_ID").val()+"']").remove();

the above code gives the following error:

Uncaught Error: Syntax error, unrecognized expression: #EMPLOYEE_ALT\ option:[value='9999']

9999 is employee id witch is correct and this value suppose to be sent via ajax and return with something.

$.post("url", { emp: $("#EMPLOYEE_ID").val(),ajax: "yes"  },

typographical error :- you have unexpected : with your selector — Shashank Shah
– Shashank Shah, Commented Apr 11, 2017 at 11:52

Yogesh Mistry · Accepted Answer · 2017-04-11 11:46:23Z

1

You have unexpected : in your selector. The correct selector would be

$("#EMPLOYEE_ALT option[value='"+$("#EMPLOYEE_ID").val()+"']").remove();

answered Apr 11, 2017 at 11:46

Yogesh Mistry

2,17217 silver badges20 bronze badges

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

Comments

DontVoteMeDown · Accepted Answer · 2017-04-11 11:45:53Z

0

Try this:

"#EMPLOYEE_ALT option[value='"+$("#EMPLOYEE_ID").val()+"']"

The attribute selector doesn't haves : on it. That is used for CSS's pseudo-classes only.

$("#remove").on("click", function() {
    $("#EMPLOYEE_ALT option[value='9999']").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="EMPLOYEE_ALT">
  <option value="1">1</option>
  <option value="9999">9999</option>
</select>

<button id="remove">Remove item '9999'</button>

answered Apr 11, 2017 at 11:45

DontVoteMeDown

21.5k10 gold badges72 silver badges113 bronze badges

Collectives™ on Stack Overflow

JQuery syntax error unrecognized expression

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related