1 Тема від mmy3uka

  • mmy3uka
  • Користувач
  • Поза форумом
  • Звідки: Тлумач
  • Дата реєстрації: 29.04.2013
  • Повідомлень: 114
    • Репутація: 11

Тема: Заміна html елемента

У мене форма замовлення і в ній присутній елемент select

State<span>*</span>
 <select id="bill_state" name="bill_state" class="required_field">
<option selected="selected" value="">Please select</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AB">Alberta</option>
<option value="AS">American Samoa</option>
...
</select>

Чи можливо за допомогою js знайти і замінити елементи в цьому селекті? Цих елементів є 50шт і їх потрібно замінити на:

State<span>*</span>
 <select id="bill_state" name="bill_state" class="required_field">
<option selected="selected" value="">Please select</option>
<option value="AL">USA</option>
<option value="AK">Canada</option>
<option value="AB">Germany</option>
<option value="AS">Ukraine</option>
...
</select>

тобто шоб даний селект відображав тільки 3-5 <option value="AS">Ukraine</option> не більше. Решта просто не відображалась.

Лінки по темі вітаються

2 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Заміна html елемента

Ви маєте на увазі, що вам потрібно динамічно формувати список селекта, так? Після якої події повинен буде сформуватись список?

3 Відповідь від mmy3uka

  • mmy3uka
  • Користувач
  • Поза форумом
  • Звідки: Тлумач
  • Дата реєстрації: 29.04.2013
  • Повідомлень: 114
    • Репутація: 11

Re: Заміна html елемента

Можна onclick

4 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Заміна html елемента

window.onload = function() {
    var bill_state = document.getElementById('bill_state');
    // рядок має бути однією нерозривною стрічкою
    var newElements = '<option selected="selected" value="">Please select</option><option value="AL">USA</option><option value="AK">Canada</option><option value="AB">Germany</option><option value="AS">Ukraine</option>';
if (bill_state.innerHTML) {
    bill_state.innerHTML = newElements;
} else {
    alert('Не підтримується. Використовуйте nodeValue');
}
}

5 Відповідь від mmy3uka

  • mmy3uka
  • Користувач
  • Поза форумом
  • Звідки: Тлумач
  • Дата реєстрації: 29.04.2013
  • Повідомлень: 114
    • Репутація: 11

Re: Заміна html елемента

Дякую.... працює, а тепер питанння в другому.

Коли користувач вибере скажімо <option value="AS">Ukraine</option>

Форма передасть все нормально, тобто результат буде Ukraine?

6 Відповідь від Invader

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Заміна html елемента

Так.

7 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Заміна html елемента

Щоб вам можна було допомогти, задачу краще описувати не з місця "чи так можна зробити", а з самого початку, наприклад, "в мене є задача..., в цій задачі беруть участь база даних (чи json-файл)... html форма спочатку пуста чи вже має елементи..."