Как изменить значение по умолчанию для выпадающего списка без использования встроенного JavaScript?

Question

Как изменить значение по умолчанию для выпадающего списка без использования встроенного JavaScript?

0

В расширении Chrome Google не позволяет нам добавлять встроенный javascript в popup.html. Таким образом, единственным вариантом является ссылка на внешний скрипт.

У меня есть следующее:

script.js:

if (localStorage.getItem("mySelectValue") === null) { 
    document.write("choose a value"); 
}
else {
    document.write(localStorage.getItem('mySelectValue'));
}

popup.js:

$(document).ready(function(){
    $('#mySelectValue').change(function(){
         localStorage.setItem('mySelectValue', $(this).val());
         $('#mySelectValue').value(localStorage.getItem('mySelectValue'));
    });
});

popup.html:

<script type="text/javascript" src="popup.js"></script>

<select id="mySelectValue">
   <option name="" value=""><script type="text/javascript" src="script.js"></script></option>
       <option value="first" name="first">first</option>
       <option value="second" name="second">second</option>
       <option value="third" name="third">third</option>
</select>

Этот код успешно отображает текст, но я не могу добавить скрипт к значению таким образом. Итак, как я могу сделать тот же метод для определения данного значения в локальном хранилище также как значение?

Accelerator 04 окт. 2013, в 10:08

Источник

2

В jQuery нет метода .value() . Тем не менее, он имеет .val()
Johan 04 окт. 2013, в 07:41
0

В popup.js вы должны найти <option>, значение которого соответствует сохраненному значению, и установить его как выбранный параметр.
donkeydown 04 окт. 2013, в 08:04
0

@Johan, независимо от того, сценарий работает нормально для меня, это не проблема. Проблема заключается в том, что я делаю то же самое, что и я для текста в первом варианте формы выбора, и делаю это для поля value .
Accelerator 04 окт. 2013, в 08:14

Показать ещё 1 комментарий

Теги:

javascript

jquery

select

local-storage

google-chrome-extension

1 ответ

Ещё вопросы

В jQuery нет метода .value() . Тем не менее, он имеет .val()
В popup.js вы должны найти <option>, значение которого соответствует сохраненному значению, и установить его как выбранный параметр.
@Johan, независимо от того, сценарий работает нормально для меня, это не проблема. Проблема заключается в том, что я делаю то же самое, что и я для текста в первом варианте формы выбора, и делаю это для поля value .

Sadiq · Accepted Answer · 2013-10-04T06-02-00.000Z

В jQuery вы можете сделать следующее:

$("#mySelectValue option[value='"+localStorage.getItem('mySelectValue')+"']").attr("selected","selected");

Это в основном находит option с тем же значением, которое вы получаете от localStorage.getItem('mySelectValue') и делает его выбранным по умолчанию.

Это не сработало, но, как оказалось, мне не нужно было это делать! : D
Я приму, потому что это единственный ответ, хотя он не работает.