求助原生js代码通过div id获取它的结点textarea

js

 <script>
var content;//输入框内容
var pid=function click_id(obj){
    //alert(obj.id);
    return obj.id;
};
</script>
这是我的html 布局代码。
<div class="wrapper" onclick="pid(this)" id="pid_"+${pid}>
        <div id="focus" style="display:none">
          <form action="" >
            <textarea class="" value=""></textarea>
            <input type="submit" value="请输入内容"/>
          </form>
        </div>
</div> 我想要通过 pid 获取textarea结点,并将文本框里输入的内容 传递给js的content

4个回答

${pid}位置放错了

 <script>
    var content;//输入框内容
    var pid = function click_id(obj) {
        var ta = obj.getElementsByTagName('textarea')[0]
        alert(ta.value)
        return ta.value;
        //return obj.id;
    };
</script>
<div class="wrapper" onclick="pid(this)" id="pid_${pid}" >aa
    <div id="focus" style="display:none">
        <form action="">
            <textarea class="" value="">aaa</textarea>
            <input type="submit" value="请输入内容" />
        </form>
    </div>
</div> 
qiujie4843
qiujie4843 回复showbo: 我想将obj.id赋值给var pid 但是返回值和alert(obj.id)不同,他的类型是function ,我该怎么做啊
大约 3 年之前 回复
showbo
支付宝加好友偷能量挖 回复qiujie4843: var ta = obj.getElementsByTagName('textarea')[0];content=ta.value;
大约 3 年之前 回复
qiujie4843
qiujie4843 非常感谢 老师的回答啊!上面的代码不是完整的,所以还有要向老师请教的 ! 我期望在点击提交按钮后。将文本框内容赋值给js里的content变量。我的具体代码在回答中。不大会用csdn,不好意思了
大约 3 年之前 回复
qiujie4843
qiujie4843 非常感谢 老师的回答啊!上面的代码不是完整的,所以还有要向老师请教的 ! 我期望在点击提交按钮后
大约 3 年之前 回复
qiujie4843
qiujie4843 非常感谢 老师的回答啊!上面的代码不是完整的,所以还有要向老师请教的 !
大约 3 年之前 回复

非常感谢 老师的回答啊!上面的代码不是完整的,所以还有要向老师请教的 ! 我期望在点击提交按钮后。将文本框内容赋值给js里的content变量。这是我的具体代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



html-js-css
$(function(){ $(".hf").click(function(){ var focus = $(this).parents(".wrapper").find("#focus"); if(focus.css("display")=="none") { focus.show();this.innerHTML = "收起"; }else { focus.hide(); this.innerHTML = "回复"; } }); $("form").submit(function(){ var textarea = $(this).find("#textarea"); if(textarea.val()==""||textarea.val()=="请输入内容") { textarea.blur(); return false; } }); }); var content;//输入框内容 var pid = function click_id(obj) { var ta = obj.getElementsByTagName('textarea')[0] // alert(ta.value) return ta.value; //return obj.id; }; //点击提交按钮后 将文本框的内容赋值给content function submitPost() { //content =文本框的内容 // } #txt{font-weight: bold;}

jquery特效,对点击评论内容回复自动生成文本框的特效代码 在线演示 http://www.ablanxue.com

回复2012-02-16 18:36:35

    <div id="focus" style="display:none">
      <form action="" >
        <textarea class="textarea" onfocus="if(this.innerHTML=='请输入内容'){this.innerHTML=''}"  onblur="if(this.innerHTML==''){this.innerHTML='请输入内容'}" name="c" id="textarea"></textarea>
        <input type="submit" onclick="submitPost()" value="提交"/>
      </form>
    </div>
</div>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



html-js-css
$(function(){ $(".hf").click(function(){ var focus = $(this).parents(".wrapper").find("#focus"); if(focus.css("display")=="none") { focus.show();this.innerHTML = "收起"; }else { focus.hide(); this.innerHTML = "回复"; } }); $("form").submit(function(){ var textarea = $(this).find("#textarea"); if(textarea.val()==""||textarea.val()=="请输入内容") { textarea.blur(); return false; } }); }); var content;//输入框内容 var pid = function click_id(obj) { var ta = obj.getElementsByTagName('textarea')[0] // alert(ta.value) return ta.value; //return obj.id; }; //点击提交按钮后 将文本框的内容赋值给content function submitPost() { //content =文本框的内容 // } #txt{font-weight: bold;}

jquery特效,对点击评论内容回复自动生成文本框的特效代码 在线演示 http://www.ablanxue.com

回复2012-02-16 18:36:35

    <div id="focus" style="display:none">
      <form action="" >
        <textarea class="textarea" onfocus="if(this.innerHTML=='请输入内容'){this.innerHTML=''}"  onblur="if(this.innerHTML==''){this.innerHTML='请输入内容'}" name="c" id="textarea"></textarea>
        <input type="submit" onclick="submitPost()" value="提交"/>
      </form>
    </div>
</div>


$(function(){
$(".hf").click(function(){

var focus = $(this).parents(".wrapper").find("#focus");
if(focus.css("display")=="none")
{
focus.show();this.innerHTML = "收起";
}else
{
focus.hide(); this.innerHTML = "回复";
}
});
$("form").submit(function(){
var textarea = $(this).find("#textarea");
if(textarea.val()==""||textarea.val()=="请输入内容")
{
textarea.blur();
return false;
}
});
});

var content;//输入框内容
var pid = function click_id(obj) {
var ta = obj.getElementsByTagName('textarea')[0]
// alert(ta.value)
return ta.value;
//return obj.id;
};

//点击提交按钮后 将文本框的内容赋值给content

function submitPost() {
//content =文本框的内容 //
}

jquery特效,对点击评论内容回复自动生成文本框的特效代码 在线演示 http://www.ablanxue.com

回复2012-02-16 18:36:35

    <div id="focus" style="display:none">
      <form action="" >
        <textarea class="textarea" onfocus="if(this.innerHTML=='请输入内容'){this.innerHTML=''}"  onblur="if(this.innerHTML==''){this.innerHTML='请输入内容'}" name="c" id="textarea"></textarea>
        <input type="submit" onclick="submitPost()" value="提交"/>
      </form>
    </div>
</div>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐