Имеется данная ошибка при отправке формы:
Uncaught Error: Syntax error, unrecognized expression: select[@name=image] option:selected
at Function.ga.error (jquery.min.js:2)
at ga.tokenize (jquery.min.js:2)
at ga.select (jquery.min.js:2)
at Function.ga [as find] (jquery.min.js:2)
at m.fn.init.find (jquery.min.js:2)
at m.fn.init (jquery.min.js:2)
at m (jquery.min.js:2)
at HTMLButtonElement.<anonymous> (index.html:69)
at HTMLButtonElement.dispatch (jquery.min.js:4)
at HTMLButtonElement.r.handle (jquery.min.js:4)
Вот код:
<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<script src="http://yandex.st/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="assets/css/main.css" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript">
ymaps.ready(init);
//Определение начальных параметров карты
function init () {
var myMap = new ymaps.Map("map", {
center: [55.754339, 37.621048],
zoom: 13
}, {
balloonMaxWidth: 600
});
//Добавляем элементы управления
myMap.controls
.add('zoomControl')
.add('typeSelector')
.add('mapTools');
//Отслеживаем событие клик левой кнопкой мыши на карте
myMap.events.add('click', function (e) {
if (!myMap.balloon.isOpen()) {
var coords = e.get('coordPosition');
myMap.balloon.open(coords, {
contentBody: '<div id="menu">\
<div id="menu_list">\
<label>Название:</label> <input type="text" class="input-medium" name="icon_text" /><br />\
<label>Подсказка:</label> <input type="text" class="input-medium" name="hint_text" /><br />\
<label>Балун:</label> <input type="text" class="input-medium" name="balloon_text" /><br />\
<div class="control-group"><label>Значок метки:</label>\
<div class="input-prepend"><span class="add-on"><img src="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/blue.png" style="height: 20px" /></span>\
<select name="image" id="image" class="span2" >\
<option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/blue.png" value="twirl#blueIcon">twirl#blueIcon</option>\
<option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/darkblue.png" value="twirl#darkblueIcon">twirl#darkblueIcon</option>\
<option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/darkgreen.png" value="twirl#darkgreenIcon">twirl#darkgreenIcon</option>\
<option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/darkorange.png" value="twirl#darkorangeIcon">twirl#darkorangeIcon</option>\
<option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/green.png" value="twirl#greenIcon">twirl#greenIcon</option>\
<option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/grey.png" value="twirl#greyIcon">twirl#greyIcon</option>\
<option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/lightblue.png" value="twirl#lightblueIcon">twirl#lightblueIcon</option>\
<option data-path="http://api.yandex.ru/maps/doc/jsapi/2.x/ref/images/styles/night.png" value="twirl#nightIcon">twirl#nightIcon</option>\
</select></div>\
</div></div>\
<button type="submit" class="btn btn-success">Сохранить</button>\
</div>'});
var myPlacemark = new ymaps.Placemark(coords);
//Добавляем картинку при выборе опции select
$('#image').change(function(){
$('.add-on').find('img:first').attr('src', $('#image option:selected').attr('data-path'));
});
//Сохраняем данные из формы
$('#menu button[type="submit"]').click(function () {
var iconText = $('input[name="icon_text"]').val(),
hintText = $('input[name="hint_text"]').val(),
balloonText = $('input[name="balloon_text"]').val(),
stylePlacemark = $('select[@name=image] option:selected').text();
//Передаем параметры метки скрипту addmetki.php для записи в базу данных
$("#res").load("/addmetki.php", {icontext: iconText, hinttext : hintText, balloontext : balloonText, styleplacemark : stylePlacemark, lat : coords[0].toPrecision(6), lon : coords[1].toPrecision(6)});
//Добавляем метку на карту
myMap.geoObjects.add(myPlacemark);
//Изменяем свойства метки и балуна
myPlacemark.properties.set({
iconContent: iconText,
hintContent: hintText,
balloonContent: balloonText
});
//Устанавливаем стиль значка метки
myPlacemark.options.set({
preset: stylePlacemark
});
//Закрываем балун
myMap.balloon.close();
});
} else {
myMap.balloon.close();
}
});
}
</script>
