выбирающий <option> из <select> из скрипта содержимого расширения Chrome
Я безуспешно пытаюсь активировать событие change () из сценария содержимого Chrome. Я прошел через веб-сайт и сообщения в Google, но все равно ничего не работает.
вот описание того, чего я пытаюсь достичь
рассмотрите следующую веб-страницу (доступную черезhttp://www.gilzu.com/TFF/select.html если кто-то будет так любезен, чтобы помочь)
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#woot').die('change');
$('#woot').live('change', function () {
$('#description').text(jQuery('#woot').val());
});
console.log("window ready");
$("#meh").click(function() {
$('#woot').val(15);
$('#woot').change();
});
$('#woot').val(21);
$('#woot').change();
});
</script>
</head>
<body>
<p>
<select id="woot">
<option id="Option1" value="15">a</option>
<option id="Option2" value="16">b</option>
<option id="Option3" value="17">c</option>
<option id="Option4" value="18">d</option>
<option id="Option5" value="19">e</option>
<option id="Option6" value="20">f</option>
<option id="Option7" value="21">g</option>
</select>
</p>
<p id="description"></p>
<p><input type="button" id="meh" /></p>
</body>
</html>
что работает: 1. при запуске change () запускается и обновляет поле выбора до 21 и показывает правильное значение в div. 2. нажатие на кнопку #meh меняет поле выбора на 15, вызывает событие change (), которое показывает правильное значение на экране.
пока ничего удивительного.
так что я направляюсь в скрипт контента через:
$(document).ready(function () {
$('#woot').val(17);
$('#woot').change();
});
поэтому тег select обновляется, но событие change () не срабатывает.
Я прочитал форум о изолированных мирах расширения Chrome и проверил эту теорию:
$(document).ready( function() {
$("#meh").click();
});
и это на самом деле запускает как событие щелчка, так и событие изменения поля выбора!
также, чтобы противоречить другому посту, утверждающему, что внедрение кода js работает:
$(document).ready( function() {
var x = $("<script type='text/javascript' />");
$(x).text("$('#woot').val(18); $('#woot').change();");
$("head").append(x);
});
выдает тот же эффект: выберите окно обновлений, но событие изменения не запускается.
я также попробовал следующее: 1. создание кнопки, такой как пример #meh, с прикрепленным событием щелчка, которое запускает изменение тега select (). только выбранные обновления, никаких событий не запускается. 2. изменяя значение поля выбора через attr (), prop (), val () только выборочные обновления, никаких событий не запускается. 3. запуск события с помощью change (), триггера («change») и selectedIndex только с выбранными обновлениями, событие не запускается. 4. задержка команды через JS 5. используя focus () другой элемент управления, этот элемент управления или даже размытие () в окне выбора, как предлагают некоторые сообщения.
Ваша помощь будет наиболее ценной