用表單和JS調用

我一直在編寫一個代碼生成器，我可以在表單中填充變量，按下generate並將代碼調用到文本字段中。之前已完成此操作，但出於某種原因，我無法似乎這次能夠開始工作。我瘋了！在這個例子中，我一直在試圖撥打第一個窗體域「問題」這裏的值是link到在線頁面，這裏是我在頁面中使用的代碼：用表單和JS調用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Generate Newsletter</title> 

<style type="text/css"> 
#image { 
    background-color:#666; 
    box-shadow: 2px 2px 10px #888888; 
    display:block; 
    padding-top:1px; 
    padding-bottom:10px; 
    padding-left:5px; 
    padding-right:5px; 
    color:#FFF; 
} 


</style> 


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

function generateCode(form){ 

issue = document.inputForm.issue.value; 
Header = document.inputForm.Header.value; 
SubHeader = document.inputForm.SubHeader.value; 
Content = document.inputForm.Content.value; 
ArticleImage = document.inputForm.ArticleImage.value; 
ArticleImageLink = document.inputForm.ArticleImageLink.value; 
DidyouknowConent = document.inputForm.DidyouknowConent.value; 
DidyouknowImage = document.inputForm.DidyouknowImage.value; 
DidyouknowImageLink = document.inputForm.DidyouknowImageLink.value; 
Courtesy = document.inputForm.Courtesy.value; 
CourtesyLink = document.inputForm.CourtesyLink.value; 

document.inputForm.source.value = issue; 

return issue; 
} 
</script> 
</head> 

<body> 
<form name="inputForm" id="inputForm"> 
<div id="EditBox" style="width:600px; height:650px; padding:10px; background-color:#CCC; border:2px; border-bottom-color:#666; box-shadow: 2px 2px 10px #888888;"><!--- INPUT FIELD --> 

     <div id="LeftEdit" style="float:left;"><!--- LEFT EDIT SIDE--> 


      <p>Issue # 
       <input name="issue" type="input" size="10" value=""> 
      </p> 
      <p>Article Header<br /> 
       <input name="Header" type="input" size="45"> 
      </p> 

      <p>Sub Header<br /> 
       <textarea name="SubHeader" cols="35" rows="3"></textarea> 
      </p> 

      <p>Content<br /> 
       <textarea name="Content" cols="35" rows="25"></textarea> 
      </p> 
     </div> 

     <div id="RightEdit" style="float:right; margin-top:50px;"><!--- RIGHT EDIT SIDE--> 
      <div id="image"> 
       <h4> Article Image </h4> 
       <p>source URL<br /> 
        <input name="ArticleImage" type="input" size="35" onClick="this.focus();this.select()"> 
       </p> 
       <p>Image Link<br /> 
        <input name="ArticleImageLink" type="input" size="35" onClick="this.focus();this.select()"> 
       </p> 
      </div> 
      <p>Did You Know Conent<br /> 
       <textarea name="DidyouknowContent" cols="28" rows="5"></textarea> 
      </p> 
      <div id="image"> 
       <h4> Did You know Image </h4> 
       <p>source URL<br /> 
        <input name="DidyouknowImage" type="input" size="35" onClick="this.focus();this.select()"> 
       </p> 
       <p>Image Link<br /> 
        <input name="DidyouknowImageLink" type="input" size="35" onClick="this.focus();this.select()"> 
      </p> 
      </div> 
      <p>Image courtesy of <input name="Courtesy" type="input" size="19"> <br /> 
       Link to <input name="CourtesyLink" type="input" size="30" onClick="this.focus();this.select()"> <br /> 
      </p> 
     </div> 

</div> 
<div style="clear:both;"> 
    <input type="button" value="Generate Code!" onClick="javascript:generateCode();"> 
    <br> 
    <textarea name="source" rows="7" cols="40" onClick="this.focus();this.select()" style="margin-top: 1.2px; margin-bottom: 1.2px; height: 200px; margin-left: 1.2px; margin-right: 1.2px; width: 500px; "></textarea> 
</div> 


</form> 

</body> 
</html>

來源

2013-03-20 toms

enter image description here 這裏的拼寫是錯誤的

DidyouknowContent 

DidyouknowConent = document.inputForm.DidyouknowConent.value; // DidyouknowConent 

<textarea name="DidyouknowContent" cols="28" rows="5"></textarea> //DidyouknowContent

來源

2013-03-20 04:55:39 PSR

@toms的嘗試這是爲我工作 – PSR 2013-03-20 04:59:15

OMG那是什麼呢？一個字母在一個var中丟失，整個事情就會消失？ – toms 2013-03-20 04:59:37

是的，它是給錯誤的。所以執行分手那裏 – PSR 2013-03-20 05:00:32

我try'ed你的代碼的螢火它這樣表示

TypeError: document.inputForm.DidyouknowConent is undefined

檢查它這個..

，或者你可以嘗試使用inseted

<input type="button">

試試這個

<input type="submit">

來源

2013-03-20 05:00:28 tamilmani

用表單和JS調用

回答

相關問題