2017-05-24 10 views
1

にnullを返します。単純なユーザー入力であれば、番号は割り当てられたテキスト(この場合はurl)と結合する必要があります。しかし、これは:http://someurl.com/?value=nullを返します。 - =後のすべてはユーザー入力(数字)です。ありがとう、歓声。入力はJS

<head> 
    <script type="text/javascript"> 
    var juarel = "http://someurl.com/?value="; 
    var velju = document.getElementById('somenumber'); 
    var rezon = juarel.concat(velju); 

    function print() { 
     alert(rezon); 
    } 
    </script> 
</head> 
<body> 
    <form> 
    <input type="number" id="somenumber" value=""> 
    <button type="button" id="submit" name="button" onclick="print()">SUBMIT</button> 
    </form> 
</body> 
+0

[あなたが代わりに '' juarel.concat(velju.value)を使用します。](https://stackoverflow.com/questions/11563638/javascript-how-テキスト入力フィールドの取得値) – castis

+0

getelemntbyid.value – sTx

答えて

1

.valueを呼び出すHTML要素から正しい値を取得します。次に、関数内の値を取得するコードを入力します。それ以外の場合は、最初に値を読み取り、その要素は空です。あなたがボタンを押したときに値を読み取ることがあります。

<body> 
 
<form> 
 

 
<input type="number" id="somenumber" value=""> 
 
<button type="button" id="submit" name="button" 
 
onclick="print()">SUBMIT</button> 
 

 
</form> 
 
<script type="text/javascript"> 
 

 

 

 
function print() { 
 
    var juarel = "http://someurl.com/?value="; 
 
    var velju = document.getElementById('somenumber').value; 
 

 
    var rezon = juarel.concat(velju); 
 
    alert(rezon); 
 
} 
 
</script> 
 
</body>

+0

これは、getElementByIdの後にvalueプロパティを追加した場合に機能します。ありがとうございました。 – fedjedmedjed

+0

あなたも歓迎ですが、私のコードには '.value'もあります – quirimmo

+0

はい、ありますが、あなたのコードをコピーしたわけではありませんので、変更しました。 Cheers – fedjedmedjed

0

あなたは2つの文字列をconcatinatingためだけplus sign +を使用する場合があります。また、入力のvalueプロパティを使用する必要があります。

var rezon = juarel + velju.value; 
+0

はい、私はgetElementById要素でvalueプロパティを使って書いたときにエラーを受けましたが、今は動作していますので、valueプロパティを使う必要があります。ありがとう – fedjedmedjed

0

第一使用.value機能にそれらの

第二ラップ、var velju = document.getElementById('somenumber').valueようにあなたがクリックしたとき、あなたはそれがINITで呼び出されているため、それ以外の場合は常に定義されていない、現在の値を取得します。

function print() { 
    var juarel = "http://someurl.com/?value="; 
    var velju = document.getElementById('somenumber').value; 
    var rezon = juarel.concat(velju); 
    alert(rezon); 
    } 

<script type="text/javascript"> 
 
    function print() { 
 
    var juarel = "http://someurl.com/?value="; 
 
    var velju = document.getElementById('somenumber').value; 
 
    var rezon = juarel.concat(velju); 
 
    alert(rezon); 
 
    } 
 
</script> 
 

 

 
<body> 
 
    <form> 
 

 
    <input type="number" id="somenumber" value=""> 
 
    <button type="button" id="submit" name="button" onclick="print()">SUBMIT</button> 
 

 
    </form>

関連する問題