Member 13376815 Ответов: 1

Получение текста выпадающего списка для текстового поля

У меня есть выпадающий список адресов, каждый из которых разделен разделителем",". Когда адрес выбран, мне нужно разделить адрес на разделитель и поместить каждую часть в соответствующие текстовые поля, например название компании, адрес_1,адрес_2 и т. д. Вот мой jsfiddle до сих пор. Я знаю, что иду в правильном направлении, но не могу заставить его работать. Любая помощь будет оценена по достоинству. Кроме того, я не очень хорошо знаю JS или jquery, так что имейте это в виду. https://jsfiddle.net/yn37qe5a/3/

Что я уже пробовал:

Пожалуйста, смотрите jsfiddle для всего, что я пробовал до сих пор. HTML и JS все включены.
Пожалуйста, смотрите jsfiddle для всего, что я пробовал до сих пор. HTML и JS все включены.
(Мне нужно было 30 символов)

ZurdoDev

У вас есть заявление if, которое ищет вещи с фиксированной ставкой. Я нигде его не вижу, так что этот код никогда не будет выполняться.

1 Ответов

Рейтинг:
1

Richard Deeming

Попробуйте что-нибудь вроде этого:

$('#pickup_location').on('change', function() {
    var selectedAddress = $(this).find('option:selected').text();
    if (!selectedAddress) { return; }
    
    var addressParts = selectedAddress.split(',');
    var companyName, address1, address2, city, zip;
    
    switch (addressParts.length) {
        case 4: {
            companyName = addressParts[0];
            address1 = addressParts[1];
            address2 = '';
            city = addressParts[2];
            zip = addressParts[3];
            break;
        }
        case 5: {
            companyName = addressParts[0];
            address1 = addressParts[1];
            address2 = addressParts[2];
            city = addressParts[3];
            zip = addressParts[4];
            break;
        }
        default: {
            alert('Invalid address: ' + selectedAddress);
            return;
        }
    }
    
    document.getElementById('shipping_company').value = companyName;
    document.getElementById('shipping_address_1').value = address1;
    document.getElementById('shipping_address_2').value = address2;
    document.getElementById('shipping_city').value = city;
    document.getElementById('shipping_postcode').value = zip;
});

Обновленная демо-версия[^]

Karthik_Mahalingam

5