I am having a problem removing an option from my drop down list. It does nothing when I load the page any ideas? I am using .remove() but this is doing nothing.
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title>Test</title>
<script>
$(document).ready(function () {
$("#bytype option[value='foo']").remove();
});
</script>
</head>
<body>
<select name="bytype" id="bytype">
<option value="foo">foo</option>
<option value="Boo">Boo</option>
<option value="Coo">Coo</option>
</select>
</body>
</html>
Use this instead. Replace
'Your value'with the value offoo.