更改文本区域并使用onclick输入

时间:2018-09-27 18:36:22

标签: javascript php

我想更改文本区域和输入字段的值。整个事情应该通过onclick发生。不幸的是,我的方法似乎是错误的。我会很高兴的提示。

        <textarea class="input" name="adresse" readonly="readonly" id="street" value="test"></textarea>
        <input style="width:130px;text-align: left" class="input" type="text" name="kundennr" id="kundennr" value="10000">

                                <?php
$sql = "SELECT * FROM `kunde` ORDER BY `kundennummer` ASC";

foreach ($dbh->query($sql) as $nav) {

$address = $nav['adresse']; 
$name = $nav['kundennummer'];

echo " 
<input type='text' name='textfield' id='textfield$name' value='$address'>
<a> |  Kundennr: </a><a href='#' id='text' onclick='updateTxt(this);' >$name</a><br>
";

    }

?> 

    </div>
</div>

    <script>
    function updateTxt(el)
  {  
    var inhalt = el.text;
    var field2 = document.getElementById('textfield'+inhalt).value; 
 document.getElementById('kundennr').value =inhalt;
 document.getElementById('street').innerHTML = field2;
    }  
    </script>

更新:

感谢所有我找到解决方案的人

2 个答案:

答案 0 :(得分:0)

我认为您正在寻找如何使用JS更新textarea值。它与输入字段不同,可以这样做;

document.getElementById('myTextarea').value = ''New value";

其中textarea是:

<textarea id="myTextarea">Initial value, will be overwritten</textarea>

答案 1 :(得分:0)

很抱歉,但是无法在此处运行PHP代码,因此请在您的PHP代码呈现时添加虚拟数据。

这应该有效:

{% url 'problem_detail' problem.slug %}
function updateTxt(el) {

  var inhalt = el.innerHTML;
  var field2 = document.getElementById('textfield' + inhalt).value;
  document.getElementById('kundennr').value = inhalt;
  document.getElementById('street').innerHTML = field2;
}