заменить два значения document.write из двух входов - PullRequest
Новая
       17

заменить два значения document.write из двух входов

0 голосов
/ 28 октября 2011

javascript ниже заменяет это значение http://www.google.co.uk/webhp?hl=en на http://link-ads.blogspot.com/?url=http%3A%2F%2Fwww.google.co.uk%2Fwebhp%3Fhl%3Den при вводе. 

<script type="text/javascript">
function showMe(e) {
paramencode = encodeURIComponent(e.value)
document.write('http://link-ads.blogspot.com/?url='+paramencode+'');
}
</script>
<input type="text" id="foo" placeholder="URL here" onchange="showMe(this)" />

Работает нормально, но теперь мне нужно включить значение &name= +, унаследованное от второго ввода до конца записи документа, т.е. 

document.write('http://link-ads.blogspot.com/?url='+paramencode+'&name='+andnameinput+'');

где '+andnameinput+' будет наследовать значения от секунды <input>

EDITED если я вставлю http://www.google.co.uk/webhp?hl=en в первый вход 

<input type="text" id="foo" placeholder="URL here"/>

вывод из document.write должен быть http://link-ads.blogspot.com/?url=http%3A%2F%2Fwww.google.co.uk%2Fwebhp%3Fhl%3Den

но он неполный, так как должен иметь & name = infront со значением пользовательского ввода, для этого мне нужен второй ввод 

<input type="text" id="foo2" placeholder="Name here"/>

и скажите, что если было введено значение 123456789, то из документа будет возвращен вывод. Write должно быть http://link-ads.blogspot.com/?url=http%3A%2F%2Fwww.google.co.uk%2Fwebhp%3Fhl%3Den&name=123456789

1 Ответ

0 голосов
/ 28 октября 2011

Если я хорошо понимаю, вы хотите что-то подобное: 

<script type="text/javascript">
    function showMe(e) {
        paramencode = encodeURIComponent(e.value)
        document.getElementById('urlEncoded').innerHTML = document.getElementById('urlEncoded').innerHTML + 'http://link-ads.blogspot.com/?url='+paramencode;
    }
    function UpdateParam() {
        document.getElementById('urlEncoded').innerHTML = document.getElementById('urlEncoded').innerHTML + '&name='+ document.getElementById('foo2').value;
    }
</script>
<div id="urlEncoded"></div>
<input type="text" id="foo" placeholder="URL here" onchange="showMe(this)" />
<input type="text" id="foo2" placeholder="SecondParam" onchange="UpdateParam()" />
...