當我在textarea的文字先輸入在此就不輸入後點擊

Question

<script> 
function ShortUrl(urlshort){ 

var url = urlshort; 
var msg = document.getElementById("msg").value; 
var alltext = msg; 
if(msg){ 
alltext += ', '+ url; 
}else{ 
alltext = url; 
} 
alert(alltext); 
document.getElementById("msg").innerHTML = alltext; 



} 
</script> 
<textarea name="msg" id="msg" cols="40" rows="5" class="txtareabox" ></textarea> 
<input type="hidden" name="short_url" value="abc.com" id="short_url"/> 
<input type="button" value="insert" id="btnTxt" onclick="ShortUrl(short_url.value)" /> 

，當我在發送到文本區域插入文本，但點擊時在textarea的第一次寫入該功能的工作，但文本區域後不與短網址

Answer 1

獲得價值

一些小的變化，並檢查小提琴看它的工作。

//this needed to be .value not .innerHtml 
document.getElementById("msg").value = alltext; 

//this worked for me, and is better for seperation of concerns, it will help to keep your code cleaner. 
document.getElementById("btnTxt").onclick = function(){ ShortUrl(short_url.value); }; 

working fiddle

Answer 2

據我瞭解，該值（附加短網址後）是沒有得到在文本框更新。

在你的腳本與此替換最後一行：

document.getElementById("msg").value = alltext; 

即使用價值，而不是innerHTML的。

工作示例這裏： http://jsfiddle.net/tq8qb6LL/

Answer 3

從我的理解，你可能希望這樣的事情

 <script> 
function ShortUrl(){ 

var url = document.getElementById("short_url").value; 
var msg = document.getElementById("msg").value; 
var alltext = msg; 
if(alltext!=""){ 
alltext =alltext + ', '+ url; 
}else{ 
alltext = url; 
} 
alert(alltext); 
document.getElementById("msg").value = alltext; 



} 
</script> 
<textarea name="msg" id="msg" cols="40" rows="5" class="txtareabox" ></textarea> 
<input type="hidden" name="short_url" value="abc.com" id="short_url"/> 
<input type="button" value="insert" id="btnTxt" onclick="ShortUrl()" />