Div内的Textfield

Question

我有这个

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

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

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

Answer 1

试试这个

<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'">

Answer 2

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

<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();">

Answer 3

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

<强> Live Demo

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

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

<强> Live Demo 2

function changeText(){
    var mainDiv = $("#mainDiv"),
        inputText = "";

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

Answer 4

尝试使用代码将文本框的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>