1

Тема: Заміна 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

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

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

3

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

Можна onclick

4

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

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

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

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

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

6

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

Так.

7

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

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