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
それを追加したいものです。何かが挿入されると、挿入された値が document.write'+ andnameinput +'
追加された 著者 Yusaf Khaliq,
@Gregはい私はまだいなかったことを申し訳なく思う。
追加された 著者 Yusaf Khaliq,
@Gregは編集を終えた
追加された 著者 Yusaf Khaliq,
私はHTML CSSと非常に小さなjavascriptしか知りません:(残念なことに
追加された 著者 Yusaf Khaliq,
なぜこれのために document.write を使用していますか?
追加された 著者 nnnnnn,
2番目の入力はどこですか?
追加された 著者 Ibu,
それがそうであるように、私はあなたが何かをしなければならないかどうかはわかりません、あなたの問題をより正確に説明するか、
追加された 著者 GregM,

1 答え

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

<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()" />
0
追加された
それは動作しますが、私は問題があります。最初の入力に何かを入力すると、2番目の入力バーが削除され、何も入力できなくなります。
追加された 著者 Yusaf Khaliq,
はい、それはよかったよ
追加された 著者 Yusaf Khaliq,
document.writeもわからない
追加された 著者 GregM,
それはあなたのdocument.writeのためです
追加された 著者 GregM,
Oupsは間違いを犯しました。
追加された 著者 GregM,
正しい答えとしてタグを付けてください
追加された 著者 GregM,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript