如何顯示錶格填寫內容的答案？

-1

我有一個問題，我們被要求做一個表格填寫，其中必須包含用戶名，名字，姓氏和性別，我應該怎麼做才能在按下按鈕後在表格內顯示輸入值？如何顯示錶格填寫內容的答案？

<html> 
<head> 

<script> 
function myfunction() { 
var fn = document.form1.firstname; 
var ln = document.form1.lastname; 
var un= document.form1.unsername; 
var g = document.form1.gender; 

first = first + fn.getElementById("firstname").value; 
last = last + ln.getElementById("lastname").value; 
user = user + un.getElementById("username").value; 
gend= gend + g.getElementById("gender").value; 

document.getElementById("displayhere").innerHTML; 
} 
</script> 

</head> 

<body> 
<form id="formname"> 
first name: <input type="text" id="firstname"> 
last name: <input type="text" id="lastname"> 
gender: <input type="text" id="gender"> 
username: <input type="text" id="username"> 
<button onclick="myfunction()">Send</button> 
</form> 

Details: 

<table> 
<tr><td><p id="displayhere"></p></td></tr> 
</table> 
</body> 
</html>

來源

2014-03-07 user3359630

你試過做什麼？ - 注意：你已經重複了'id'的屬性，這是不允許的 – fcalderan

請參閱http://stackoverflow.com/questions/14643617/create-table-using-javascript – TastySpaceApple

<form> 
first name: <input type="text" name="firstname"><br/> 
last name: <input type="text" name="lastname"><br/> 
gender: <input type="text" name="gender"><br/> 
username: <input type="text" name="username"><br/> 
<button onclick="return show(this.form)">Send</button> 
</form> 

Details: 

<table> 
<tr><td><p id="displayhere"></p></td></tr> 
</table> 
<script> 
function show(frm) { 
    var str = ""; 
    str += "First Name : " + frm.firstname.value + "<br/>"; 
    str += "Last Name : " + frm.lastname.value + "<br/>"; 
    str += "Gender : " + frm.gender.value + "<br/>"; 
    str += "Username : " + frm.username.value + "<br/>"; 
    document.getElementById('displayhere').innerHTML = str 
    return false; 
} 
</script>

來源

2014-03-07 11:06:01 SajithNair

我還想每當輸入時發生警報因爲性別是除了f或m以外的任何東西（我只希望他們輸入f或m，如果他們輸入讓我們說'a'，那麼在輸入正確之前會顯示一條警告消息並且不顯示性別）我應該添加什麼在你給它發生的代碼中？ – user3359630

添加此性別：
' – SajithNair

非常感謝！ – user3359630

將rel屬性分配給每個輸入字段。在此，給出您想要插入該輸入字段的值的td元素的ID。例如，在你的形式，這樣做：

<input type="text" id="firstname" rel="#firstname_td">

，並在你的表，這樣做：

<tr> 
<td id="firstname_td">

現在，使用jQuery時，那個按鈕的點擊事件（比如 'my_button'），稱之爲：

$('#my_button').on("click",function() 
{ 
$("input[type=text]").each(function() 
{ 
id=$(this).attr('id'); 
$(id).text($(this).val()) 
}); 
});

來源

2014-03-07 11:04:29 Sayed

首先從每個文本框chnage你的性別和用戶名ID，然後創建一個JavaScript函數，並得到價值其追加到t他標記uisng innerHTML屬性

first name: <input type="text" id="firstname"> 
last name: <input type="text" id="lastname"> 
gender: <input type="text" id="gender"> 
username: <input type="text" id="username"> 
<button onclick="function1()">Send</button> 

Details: 

<table> 
<tr><td><p id="displayhere"></p></td></tr> 
</table> 
<script> 
function function1(){ 

     var firstname=document.getElementById("firstname").value; 
     var lastname=document.getElementById("lastname").value; 
     var gender=document.getElementById("gender").value; 
     var username=document.getElementById("username").value; 
     var result="First Name: "+firstname+"<br>Last Name:"+lastname+"<br>Gender : "+gender+"<br>User Name:"+username 
     document.getElementById("displayhere").innerHTML=result; 
    } 

    </script>

來源

2014-03-07 11:06:22 Sarath

如何顯示錶格填寫內容的答案？

回答

相關問題