Div.内部的文本字段

Textfield inside Div

本文关键字：字段 文本 内部 Div      更新时间：2023-09-26

我有这个

<div id="mainDiv">
    <input type="text" value="Here is the text" />
</div>
<input type="button" value="Push" onclick="changeText()">

当我按下按钮时，我想更改文本字段中的值。

我只想更改这个值，因为在我的页面中有很多文本字段，但这些值必须保持不变。

尝试这个

<div id="mainDiv"> 
<input type="text" value="Here is the text" /> 
</div> 
<input type="button" value="Push" onclick="document.getElementById('mainDiv').children[0].value='asd'">

那么，也许这会有所帮助：

<script>
    function changeText() {
        var tf = document.getElementById('mainDiv').childNodes[0];
        tf.value = 'some text';
    }
</script>

<div id="mainDiv"><input type="text" value="Here is the text" /></div>
<input type="button" value="Push" onclick="changeText();">

你在找这样的东西吗？基本上将输入切换为静态文本？

实时演示

function changeText(){
    var mainDiv = $("#mainDiv");
    mainDiv.text(mainDiv.children('input').val()); 
}

如果每个div有多个输入字段，则此解决方案将起作用，

实时演示2

function changeText(){
    var mainDiv = $("#mainDiv"),
        inputText = "";
    if(mainDiv.children('input').length > 0){
        mainDiv.children('input').each(function(){
          inputText += $(this).val();  
        });
        mainDiv.text(inputText); 
    }
}

尝试使用代码将文本框的id与子字符串的id绑定像这样：

<div id="mainDiv"> <input type="text" value="Here is the text" id="input-324" /> </div> <input type="button" value="Push" onclick="changeText(this.id.replace("button-", ""))" id="button-324" >
<script>
    function changeText(id) {
        document.getElementById(id).value='myvalue';
    }
</script>
相关文章：