Question

我有两个不同ID的文本字段，如图所示

<textarea id="textfield">Hello World</textarea>

这将使用第一个textarea

的内容进行更新

<input id="messageID">

这是我的剧本

<script type=text/javascript>
function() {

    var value = document.getElementById("textfield").value;
    document.getElementById('#messageID').val(value);
  alert(value);

}              
</script>

这是onclick按钮，当我点击它时没有任何反应

<button onclick="myfunction()" type="button" class="btn btn-danger" id="button">Alert</button>

请帮助！

Answer 1

我看错了三件事：

mission是一个jQuery＆＃39;方法，而不是javascript ...您应该将其更改为tasks
致电.val(value);您应该为其命名：.value = value;
onclick="myfunction()"方法在名称前不需要清晰var myfunction = function(){。

希望它有所帮助。

Answer 2

尝试这样的事情：

function myfunction() {

  var value = document.getElementById("textfield").value;
    document.getElementById('messageID').value=value;
  alert(value);

}

<input type="button" value="Alert" onclick="myfunction()" type="button" class="btn btn-danger" id="button"/>
<textarea id="textfield">Hello World</textarea>

<input id="messageID">

Answer 3

The most important catch is whenever you declare function on button click you should define that function inside javascript.

<script type=text/javascript>
function myfunction() {

    var value = document.getElementById("textfield").value;
    document.getElementById("messageID").value = value;
    alert(value);

}              
</script>
<textarea id="textfield">Hello World</textarea>
<input id="messageID">
<button onclick="myfunction()" type="button" class="btn btn-danger" id="button">Alert</button>

Answer 4

这里你是一个工作小提琴

https://jsfiddle.net/blazeeboy/fNPvf/

你想要的内部Html

<textarea id="textfield">Hello World</textarea>
<input id="messageID"/>
<button type="button" class="btn btn-danger" id="button"    onclick="myfunction()">Alert</button>

function myfunction(){
    alert(1);
    var v = document.getElementById("textfield").innerHTML ;
   document.getElementById('messageID').innerHTML = v;
  alert(v);
}

使用javascript点击按钮时触发警报

4 个答案: