Как заменить часть одного текстового поля на значение из другого текстового поля в jQuery?

Question

Я пытаюсь использовать jQuery для динамического обновления URL-адреса (в текстовом поле) на основе ввода пользователем значения в другом поле.

Вот что у меня до сих пор: http://jsbin.com/isiqus/10/edit

Он работает для первого триггера события KeyUp, но не на последующих keyups. Может кто-нибудь сказать мне, где я ошибаюсь (я просто разбираюсь с jQuery).

Answer 1

Вы можете попробовать, возможно:

$(document).ready(function(){ 
    var valueTemplate = "http://{subdomain}.mydomain.com"; 
    $("input#alpha").keyup(function(){ 
    var value = $(this).val(); 
    $("input#bravo").val(valueTemplate.replace("{subdomain}",value)); 
    }); 
}); 

Он будет содержать строку шаблона , которая отображает другое поле ввода при изменении текста.

Что было раньше, так это то, что вы были потеря исходного текста шаблон в первой строке заменить.

Answer 2

v.replace ("субдомен", значение);

заявление содержит ошибку

первый раз, когда вы вызываете заменить строка содержит строку субдомен, но во второй раз нет никакого strng как поддомен так это обыкновение заменить его.

см http://jsbin.com/ojosag/edit#preview

Answer 3

Это потому, что вы пытаетесь заменить строку subdomain на keyup, который будет заменен на первом keyup самом событии и больше не действительны и для последующего keyups

Answer 4

на втором keyup там не subdomain подстроки в текстовом поле второго

Answer 5

Путем сопоставления по образцу URL, вы будете хорошо:

return v.replace(/http:\/\/(.*?)\./,'http://' + value +'.'); 

картина будет соответствовать первому субдомен, так что если пользователь добавляет больше поддоменов, регулярное выражение должно быть изменено.

Answer 6

Попробуйте это,

$("input#alpha").keyup(function(){ 
    var value = $(this).val(); 
    $("input#bravo").val(function(i,v){ 
    //return v.replace("subdomain",value); 
    return v= "http://"+value+".mydomain.com"; 
    }); 
});