По сути, я создаю HTML-баннер, который можно публиковать в блогах или на других веб-страницах.Все это форма с некоторыми опциями в элементе select.
<form id='formElement' method='get' action='#'>
<select id='selectElement'>
<option value='united-kingdom'>UK</option>
<option value='ireland'>Ireland</option>
</select>
</form>
Этот jQuery принимает значение выбранной опции, затем добавляет значение в конце URL-адреса и открывает URL-адрес.
$(function() {
$("#selectElement").change(function() {
if ($(this).val()) {
var country = $(this).val();
window.open("http://www.mobell.co.jp/country/"+country+"/", '_parent');
$("#formElement").submit();
}
});
});
});
Это прекрасно работает, если я предварительно просматриваю и использую баннер локально, но если я вставляю баннер в сообщение в блоге, то, когда форма отправляется, он просто переходит на домашнюю страницу этого URL.
Есть идеи?
По какой-то причине он отлично работает на js fiddle: http://jsfiddle.net/5pSTz/