私はHTMLを持っていますが、入力ボックスをスパンに入れる方法はわかりません。 document.getElementByIdを使ってみましたが、うまくいきませんでした。どんな助けも素晴らしいだろう！入力ボックスからスパンへのテキストの取得方法
Name:
<p>
<input type="text" name="fname" id="name">
<p>
<button id= "button" onclick="namejs">Go</button>
<p>
<span id= "namespan">Name</span>
あなたは、これは、プレーンJavascript あなたは最近のブラウザ
document.getElementById("myspan").textContent="value";
document.getElementById("myspan").innerHTML="value";
を使用することができます値の取得では、次の手順を試すことができます
CODE
Name:
<p>
<input type="text" name="fname" id="name">
<p>
<button id= "button" onclick="myFunction()">Go</button>
<p>
<span id="namespan">Name</span>
function myFunction() {
var name = document.getElementById("name").value;
document.getElementById("namespan").textContent=name;
}
追加fiddle
、あなたはリアルタイムでスムーズに更新spanをことができます。
$('#namespan').html($('#name').val()); // GET Value of INPUT --> SET IT as inner HTML of span
$('#name').keyup(function(){
$('#namespan').html($(this).val()); // GET Value of INPUT --> SET IT as inner HTML of span
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Name:
<p>
<input type="text" name="fname" id="name">
</p>
<p>
<button id= "button" onclick="namejs">Go</button>
</p>
<p>
<span id= "namespan">Name</span></p>あなたは単にできonkeyupイベントハンドラ
document.getElementById('name').onkeyup = function() {
document.getElementById('namespan').innerHTML = this.value;
}Name:
<p>
<input type="text" name="fname" id="name">
</p>
<p>
<button id="button" onclick="namejs">Go</button>
</p>
<p>
<span id="namespan">Name</span>
</p>を追加します。
HTML：
Name:
<p><input type="text" name="fname" id="name"><p>
<p><button id= "button">Go</button></p>
<p><span id= "namespan">Name</span></p>
のjQuery：
が、これはあなたを助けることを願っています。
<!DOCTYPE html>
<html>
<head>
<script>
function showInput() {
document.getElementById('display').innerHTML =
document.getElementById("user_input").value;
}
</script>
</head>
<body>
<form>
<label><b>Enter a Message</b></label>
<input type="text" name="message" id="user_input">
</form>
<input type="submit" onclick="showInput();">
<label>Your input: </label>
<p><span id='display'></span></p>
</body>
</html>
おそらく、あなたはボタンをクリックしたことに応じてこれをしたいですか？あなたのボタンの 'onclick'の' namejs'とは何ですか？ – nnnnnn
あなたは普通のjavascriptまたはjqueryを使用していますか – R4nc1d
@ R4nc1d javascript – hamish