將輸入值添加到div

我有下面的代碼，即時通訊嘗試通過單擊結果將搜索結果添加到div。讓我知道是否有人可以協助，我看了大約一百次的代碼，似乎無法弄清楚爲什麼它不會工作。我曾嘗試將javascript放在div下方，身體下方，頭部，沒有骰子。下面是PHP，JavaScript和HTML。謝謝。將輸入值添加到div

的Javascript：

<script type="text/javascript"> 
     var oButton = document.getElementById('addData'); 
     var data = document.getElementById('dataInput'); 
     var display = document.getElementById('display'); 

     oButton.onclick = function() { 
     display.innerHTML += data.value + "<br />"; 
     } 
    </script>

PHP：

echo '<button id="addData">','<input id="dataInput" type="hidden" value="'.$results_row['username'].'" />','<div id="testt">', '<h3>', $results_row['username'],'</h3>','</div>','</button>';

HTML：

<div id ="search_results"></div> 
    <p> 
         <div id="display"></div> 

        </p> 

    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="search.js"></script>

來源

2013-02-07 Steven

那麼你的'

您確定'$ results_row ['username']'包含任何值嗎？ – iJay

是的，他們這樣做。我檢查了html輸出 – Steven

如果你能得到的結果在服務r代碼，那麼下面的代碼應該是解決方案。嘗試一下。

<input type="hidden" id="dataInput" value="This is my hidden value"> 

    <div id="display"></div> 


    <input type="button" name="oButton" id="oButton" onClick="fnc()" value="click"> 

<script type="text/javascript"> 
function fnc() 
{ 
    var oButton = document.getElementById("addData"); 
    var data = document.getElementById("dataInput"); 
    var display = document.getElementById("display"); 


    display.innerHTML += data.value + "<br />"; 
    }

來源

2013-02-07 05:29:33 polin

我不想輸入類型=「文本」我希望它被隱藏 – Steven

同樣的事情。您獲取結果並將其寫入隱藏字段中。這在php – polin

這就是我所做的，我有我的原始帖子中的PHP。 – Steven

設置在JavaScript的一個onload塊

window.onload = function(e){ 
     var oButton = document.getElementById('addData'); 
     var data = document.getElementById('dataInput'); 
     var display = document.getElementById('display'); 

     oButton.onclick = function() { 
     data = document.getElementById('dataInput'); // make sure the value is updated 
     display.innerHTML += data.value + "<br />"; 
     } 
}

這種方式可以確保你可以指定一個onclick功能oButton。，並且確保你更新數據，否則它會包含「初始」的數據所有的時間（這可能是「」）

來源

2013-02-07 05:30:13 itsid

這是你所期望的，而不是用我的硬的你.$results_row['username'].值編碼值：

<p><div id="display"></div></p> 

<?php echo '<button id="addData" onClick="fnc()">','<input id="dataInput" type="hidden" value="Hardcoded value" />','<div id="testt">', '<h3>', 'Hardcoded value','</h3>','</div>','</button>'; ?> 

<script type="text/javascript"> 
function fnc() 
{ 
    var oButton = document.getElementById("addData"); 
    var data = document.getElementById("dataInput"); 
    var display = document.getElementById("display"); 

    display.innerHTML += data.value + "<br />"; 
} 
</script>

來源

2013-02-07 06:15:16 iJay

將輸入值添加到div

回答

相關問題