выбрать все параметры в HTML выберите динамически
У меня есть два HTML-выбора в форме. Первый называетсяavailable
и содержит несколько вариантов:
<select name="sortedby" multiple="multiple">
<option value="start">
<xsl:if test="@sortedby='start'">
<xsl:attribute name="selected">true</xsl:attribute>
</xsl:if>
Start time
</option>
<option value="thread_id">
<xsl:if test="@sortedby='thread_id'">
<xsl:attribute name="selected">true</xsl:attribute>
</xsl:if>
Thread Id
</option>
<option value="user_name">
<xsl:if test="@sortedby='user_name'">
<xsl:attribute name="selected">true</xsl:attribute>
</xsl:if>
Username
</option>
</select>
Второй называетсяyourselection
и пусто в начале:
<select name="sortedby_target" multiple="multiple">
</select>
Есть кнопка, которая удаляет выбранные опции изavailable
и перемещает их вyourselection
.
Эта кнопка вызывает функцию JavaScript из библиотеки, которую я могу использовать, но не могу изменить.
В основном это работает отлично. Но есть небольшое неудобство: когда пользователь перемещает один или несколько вариантов изavailable
вyourselection
по умолчанию они не выбраны "по прибытии". Поэтому в настоящее время пользователь должен сначала выбрать опцию вavailable
чем переместить его вyourselection
и снова вручную выберите его вyourselection
, а затем отправьте форму.
Что я хочу, так это все, что приходитyourselection
должен быть помечен как выбранный по умолчанию. Есть идеи?
ОБНОВИТЬ! У меня есть функция, которая может выбрать все элементы:
function selectAllOptions(obj) {
if (!hasOptions(obj)) { return; }
for (var i = 0; i < obj.options.length; i++) {
obj.options[i].selected = true;
}
}
Но вопрос в том, как это назвать? Я не хочу добавлять еще одну кнопку по этой причине.
Там должно быть что-то вродеonfill
или что-то подобное в избранном.