Собственно
index.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>TEST</title>
<script src='./jquery.js' type='text/javascript'></script>
<script src='./my.js' type='text/javascript'></script>
</head>
<body>
<select id='UserStatus' name='UserStatus'>
<option value='active'>активна</option>
<option value='locked'>блокирована</option>
</select>
</body>
</html>
А вот
my.js:
$(document).ready(
function() {
$('select[@name=UserStatus] option').remove();
$('select[@name=UserStatus] option').append('<option>новый</option>');
}
);
При загрузке страницы получаю пустой select, а если убрать
$('select[@name=UserStatus] option').remove();
получаю:
<select id="UserStatus" name="UserStatus">
<option value="active">
активна
<option>новый</option>
</option>
<option value="locked">
блокирована
<option>новый</option>
</option>
</select>
Что не так?