如何使用onclick处理程序检索文本块值并使用jQuery中的alert函数显示它?

时间:2018-04-07 05:36:35

标签: javascript jquery

代码:

<a class='link' href='javascript:void(0)' id='".str_replace(" ",'-',$sub_head)."'>
    <i class='fa fa-angle-double-right'></i>&nbsp;".$sub_head."
</a>
<input type='text' name='tag' class='tag' value='' />

<script>
    $(document).ready(function(){
        $(".link").bind("click", function() { 
            link = $(this).attr( 'id' );
            tag = $(".tag").val(link);
            alert(tag);
        });
    });
</script>

在这段代码中,我创建了一个链接,其中class必须定义为链接,内部id具有动态值。现在当我点击链接时我想要的是标签的id转到输入字段,即标签。现在发生了什么当我点击链接时它会在警告框中显示我[对象对象],但我想要价值。那么,我该怎么办呢?请帮帮我。

谢谢

3 个答案:

答案 0 :(得分:1)

由于"*"for f1 in zero-mam-2050-2074*.nc do # remove the part of the filename from before the "*" wildcard wildcard=${f1#zero-mam-2050-2074} #remove the part of the filename from after the "*" wildcard wildcard=${wildcard%.nc} # create the second filename f2=avm-mam-1976-2000-tasmax-${wildcard}.nc echo "$f1" "$f2" done 设置值并且返回$(".tag").val(link),您应该使用$(".tag")获取object的值,或者您可以直接使用{提醒值{1}}它返回与.val()

相同的值

&#13;
&#13;
$(".tag")
&#13;
alert(link);
&#13;
&#13;
&#13;

答案 1 :(得分:1)

此行使输入标记获得新值,但也只返回输入元素:

tag = $(".tag").val(link); 

然后下一行实际上是警告整个输入元素对象:

alert(tag);

要仅提醒输入元素的值,请写:

tag = $(".tag")
tag.val(link); 
alert(tag.val());

您可以在http://api.jquery.com/val/的jquery文档中看到val(arg)和val()之间的区别。

答案 2 :(得分:1)

您可以使用此代码,它可以满足您的要求。

    $(document).ready(function(){
    
        $(".link").on("click", function() { 
           var link = $(this).attr( 'id' );
            var tag = $(".tag").val(link);
            alert($(".tag").val());
        });
    });
   
  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class='link' href='javascript:void(0)' id='id_1'>
    <i class='fa fa-angle-double-right'></i>&nbsp;Sub Heading
</a>
<input type='text' name='tag' class='tag' value='' />