2つの入力から2つのdocument.write値を置き換える

Question

2つの入力から2つのdocument.write値を置き換える

以下のjavascriptはこの http://www.google.co.uk/webhp?hl=ja の値を 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)" />

It works fine but I now need to inclue an &name= + value inherited from second input to the end of the document write ie.

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

where '+andnameinput+' will inherit the values from a second <input>

EDITED if i insert http://www.google.co.uk/webhp?hl=en into the first input

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

the output from the document.write should be http://link-ads.blogspot.com/?url=http%3A%2F%2Fwww.google.co.uk%2Fwebhp%3Fhl%3Den

but it is incomplete as it should have &name= infront with a user input value for that i need a second input

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

and say if the value 123456789 was input the output returned from the document.write should be http://link-ads.blogspot.com/?url=http%3A%2F%2Fwww.google.co.uk%2Fwebhp%3Fhl%3Den&name=123456789

0

追加された 27 10月 2011 〜で 10:16 著者 Yusaf Khaliq 編集された 27 10月 2011 〜で 10:31

ビュー: 8

源

ro ru fr es pt de hi bn ar uz uk

それを追加したいものです。何かが挿入されると、挿入された値が document.write の '+ andnameinput +'

追加された 27 10月 2011 〜で 10:25, 著者 Yusaf Khaliq, 源

@Gregはい私はまだいなかったことを申し訳なく思う。

追加された 27 10月 2011 〜で 10:25, 著者 Yusaf Khaliq, 源

@Gregは編集を終えた

追加された 27 10月 2011 〜で 10:32, 著者 Yusaf Khaliq, 源

私はHTML CSSと非常に小さなjavascriptしか知りません:(残念なことに

追加された 27 10月 2011 〜で 10:33, 著者 Yusaf Khaliq, 源

なぜこれのために document.write を使用していますか？

追加された 27 10月 2011 〜で 10:32, 著者 nnnnnn, 源

2番目の入力はどこですか？

追加された 27 10月 2011 〜で 10:22, 著者 Ibu, 源

それがそうであるように、私はあなたが何かをしなければならないかどうかはわかりません、あなたの問題をより正確に説明するか、

追加された 27 10月 2011 〜で 10:23, 著者 GregM, 源

1 答え

著者 GregM · Answer 1 · 2011-10-27T10:36Z

もし私がよく理解すれば、あなたはそのようなことが欲しい：

<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()" />