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

На скриншоте видно, что получаться спам в поле для ввода, хотелось бы сделать так, чтобы придедущее значение удалялось при выбори дургого пунта меню, например: я выбрал http но потом предумал и решил выбрать https, чтобы первое значиние удяллась при нажатие на дургой пунт меню а новое добавлялось.

Пример: сайт

index.php

<!-- БЛОК ДЛИННАЯ ССЫЛКА -->
       <div class="ksBlockLongLink" title="Вставьте Вашу длинную ссылку в это поле">
           <h3><span>Длинная</span> ссылка:</h3>
           <hr>
           <div class="ksButtons">
               <a href="#AddFtp" title="Добавить ftp в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'ftp://' + document.form_options.u_url.value;"><font color="#185F8E"><b>+</b> ftp</font></a>
               <a href="#AddHttp" title="Добавить https в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'https://' + document.form_options.u_url.value;"><font color="green"><b>+</b> https</font></a>
               <a href="#AddHttp" title="Добавить http в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'http://' + document.form_options.u_url.value;"><font color="#f36160"><b>+</b> http</font></a>
               <a href="#AddHttp" title="Добавить Телефон в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'tel:' + document.form_options.u_url.value;"><font color="#1264CD"><b>+</b> Телефон</font></a>
               <a href="#AddHttp" title="Добавить Почта в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'mailto:' + document.form_options.u_url.value;"><font color="#F5A021"><b>+</b> Почта</font></a>
               <a href="#AddHttp" title="Добавить Telegram в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'https://t.me/' + document.form_options.u_url.value;"><font color="#0088CC"><b>+</b> Telegram</font></a>
               <a href="#AddHttp" title="Добавить YouTube в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'https://youtu.be/' + document.form_options.u_url.value;"><font color="red"><b>+</b> YouTube</font></a>
               <a href="#AddHttp" title="Добавить Instagram в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'https://www.instagram.com/' + document.form_options.u_url.value;"><font color="#E1306C"><b>+</b> Instagram</font></a>
               <a href="#AddHttp" title="Добавить WhatsApp в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'https://api.whatsapp.com/send?phone=' + document.form_options.u_url.value;"><font color="#22AB15"><b>+</b> WhatsApp</font></a>
               <a href="#AddHttp" title="Добавить ВКонтакте в начало Вашей ссылки" onclick="document.form_options.u_url.value = 'https://vk.com/' + document.form_options.u_url.value;"><font color="#0077FF"><b>+</b> ВКонтакте</font></a>
               <ppp><a href="#ClearUri" title="Удалит Вашу днинную ссылку" onClick="document.form_options.u_url.value='';"><font color="#000000">[ <font color="red"><b>☐</b></font>  Стереть  ]</font></a></ppp>
               <ppp><a href="#ClearOllForm" title="Стерает все поля и сбрасывает по умолчанию настройки" onClick="if(confirm('\nСбросить ВСЕ настройки по дифолту? \nВеденные Вами данные удаляться!\n\n')) { document.form_options.reset(); }"><font color="#000000">[ <font color="red"><b>✕</b></font> Стереть все ]</font></a></ppp>
           </div><br>
           <textarea name="u_url" wrap="soft" maxlength="<?=$_CONFIG['MAX_SYMBOL_LONG_URL']?>" autofocus required></textarea>
           <div class="ksComment"><b>Не спамьте сайты</b>, cсылки удаляются и используются в корыстных целях :)</div>
       </div>

script.js


function selectText(x){ // public ref link i++
    document.forms[x].elements[0].focus();
    document.forms[x].elements[0].select();
}

// @param id - идентификатор блока для вставки реферного url)
// @param syllableNum - количество слогов в url
function GeneratedReferUrl(id, syllableNum) {
    id = typeof(id) != "undefined" ? id : "Ref_url";    // параметры по умолчанию
    syllableNum = typeof(syllableNum) != "undefined" ? syllableNum : 2;

    function rand(from, to) { 
        from = typeof(from) != "undefined" ? from : 0;      // параметры
        to = typeof(to) != "undefined" ? to : from + 1;     // по умолчанию
        return Math.round(from + Math.random()*(to - from)); 
    }; 

    function getRandChar(a) { 
        return a.charAt(rand(0,a.length-1)); 
    } 

    var form = document.getElementById(id); 
    var cCommon = "bcdfghklmnprstvz"; 
    var cAll = cCommon + "jqwx";    // Все согласные 
    var vAll = "aeiouy";            // Все гласные 
    var lAll = cAll + vAll;         // Все буквы

    form.value = ""; 
        // Коэффициент определяющий вероятность появления числа между слогами
        var numProb = 0, numProbStep = 0.25;
        for(var i = 0; i < syllableNum; ++i) {
            if(Math.round(Math.random())) {
                form.value += getRandChar(cCommon) + 
                                    getRandChar(vAll) + 
                                    getRandChar(lAll); 
            } else {
                form.value += getRandChar(vAll) +  
                                    getRandChar(cCommon); 
            }       
        }
    return false; 
}
function runRef_url() {
    GeneratedReferUrl("Ref_url",2);
}

Ответы (0 шт):