如何顯示帶有按鈕的表單中的文本？
[英]How to show the text from a form with button?
問題描述
我正在大學學習一年級的網頁設計。 我們才剛剛開始，我正在嘗試使用html的基本知識來做不同的事情。 我的問題是單擊按鈕后如何顯示在表單中輸入的文本？ 我嘗試了一些東西，但是沒有用。
這是我的錯誤代碼：
<body>
<script>
function name(name1)
{ alert ("Your name is" + name1)
}
</script>
Enter a name:
<form> <input type="text" name="name1"/></form> </br>
<button onclick="name(name1)">Click!</button>
</body>
4 個解決方案
解決方案1
3 2013-11-10 15:03:30
您可以使用querySelector ，使用屬性選擇器獲取基於元素的元素。
<script> function yourMethod(name1) { var inputName = document.querySelector('input[name=' + name1 + ']').value; console.log("Your name is: " + inputName) } </script> Enter a name: <input type="text" name="name1" /> <button onclick="yourMethod('name1')">Click!</button>
解決方案2
2 已采納 2013-11-10 15:15:01
嘗試這個
<body>
<script>
function name1(name)
{
alert("Your name is " + name);
}
</script>
Enter a name:
<form> <input type="text" name="name" id="name"/></form> </br>
<button onclick="name1(document.getElementById('name').value)">Click!</button>
</body>
解決方案3
0 2013-11-10 15:00:37
使onclick="name()"
然后function name(){ alert( document.querySelector("input[name='name1']").value ) }
它的作用是在單擊按鈕時調用函數名稱。 這將通過使用querySelector查找元素來警告文本。 查詢選擇器返回一個元素（如果找到）。 您可以使用element.attributeName訪問每個elements屬性。
在這種情況下，您要使用querySelecor，因為querySelectorAll將返回一個節點列表。 其中querySelector將僅返回元素
解決方案4
0 2013-11-10 15:02:33
嘗試這個
<body>
<script>
function name()
{
var value = document.getElementById('name1').value;
alert("Your name is" + value);
}
</script>
Enter a name:
<form>
<input type="text" id="name1" name="name1" />
</form>
</br>
<button onclick="name();">Click!</button>
</body>
如何在 jqgrid 的編輯表單中顯示只讀字段或以其他方式顯示只讀列中的整個文本
[英]how to show readonly fields in edit form in jqgrid or other way to show whole text from readonly column
如果按鈕提交上的空白文本區域將在表單驗證中顯示成功消息
[英]If empty text area on button submit will show success message in form validation
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.