簡體   English   中英

JavaScript上的換行符不起作用

[英]Line break on javascript not working

我已經嘗試了很多添加換行符,但是行不通的方法...用換行符替換\\ n我將以txt格式保存html表單在記事本中,看到所有輸入文本都用一行是我不想要的那...

請需要您的幫助。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="base64.js"></script>
<script type="text/javascript">
<!--


function buildData(){
var txtData = "00"+$("#nameField").val()+
        "  "+$("#title").val()+
        "0000000000"+$("#lastNameField").val()+
        "\r\n Gender: "+($("#genderMale").is(":checked")?"Male":"Female");

return txtData;
}
// This will be executed when the document is ready
$(function(){
// This will act when the submit BUTTON is clicked
$("#formToSave").submit(function(event){
    event.preventDefault();
    var txtData = buildData();
    window.location.href="data:application/octet-stream;base64,"+Base64.encode(txtData);
});

// This will act when the submit LINK is clicked
$("#submitLink").click(function(event){
    var txtData = buildData();
    $(this).attr('download','sugguestedName.txt')
        .attr('href',"data:application/octet-stream;base64,"+Base64.encode(txtData));
});
});
//-->
</script>
</head>
<body>
<form method="post" action="" id="formToSave">
<dl>
    <dt>Date:</dt>
    <dd>
    <input type="text" id="nameField" value="00002014" />
    <input type="text" id="title" value="Credit Card Payment" />
    </dd>
    <dt>Card No:</dt>
    <dd><input type="text" id="lastNameField" value="Last Name" /></dd>
    <dt>Gender:</dt>
    <dd><input type="radio" checked="checked" name="gender" value="M" id="genderMale" />
        Male
        <input type="radio" checked="checked" name="gender" value="F" />
        Female
</dl>
<p><a href="javascript://Save as TXT" id="submitLink">Save as TXT</a></p>
<p><button type="submit"><img src="http://www.suttonrunners.org/images/save_icon.gif" alt=""/> Save as TXT</button></p>

預先感謝...

我認為您的問題不在Javascript中,而是在事后顯示的方式中。 嘗試alert(buildData()) ,它可以正常工作嗎? 如果要將文本附加到DOM,則必須使用HTML換行符,例如<br>

嘗試在刪除添加的jQuery后運行上述內容。它確實按預期工作。

  1. 請確保正確連接返回的字符串“ txtData”。
  2. 如果連接正確,則它應該起作用,除非將其附加到DOM,在這種情況下,您必須使用
    標簽

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM