如何在jquery中将输入id标记声明为变量?

时间:2010-12-31 09:26:54

标签: jquery html input

$('<p><input type="text" id = "count" value="Enter Item Name"/></p>')

$('#counted').text(count); 
$('#word').text($('#count').val());

计数是:<span id = "counted"></span>
Word是:<span id = "word"></span>

我要做的是打印出当前输入标记为count的内容。有多个输入,名称为count。我不确定我该怎么做。

2 个答案:

答案 0 :(得分:0)

考虑在您的问题中提供更多信息。

假设current input labeled count表示您当前选择/关注的输入,并且您希望在<span id="word"></span>

中显示该输入的值
<input type="text" class="count" id="count1" />
<input type="text" class="count" id="count2" />
<input type="text" class="count" id="count3" />

<span id="word"></span>

jQuery的:

$('.count')
  .focus(function() {
    $('span#word').text($(this).val())
  })
  .blur(function() {
    $('span#word').text('Please select an input');
  })

这将显示跨度中当前聚焦输入的值,如果没有聚焦(选择)输入,则显示“请选择输入”文本

以下是一个示例:http://jsfiddle.net/nev3rm0re/Lju5U/

答案 1 :(得分:0)

如果要添加多个项目,请记住使用class not ID,ID应始终唯一。 如果你想把它推到一个数组,你可以使用这样的东西(这是一个带有'Update'链接的例子来创建数组):

<head>

$(function(){

    var mycountarray=[];
    var itemscount=$("input.count").size();
    $("a.update").click(function(){
        $("input.count").each(function(){
            mycountarray.push($(this).val());
        });
        return false;
    });

});

<body>

<input type="text" class="count" value=""/>
<input type="text" class="count" value=""/>
<input type="text" class="count" value=""/>
<input type="text" class="count" value=""/>

<a href="javascript:;" class="update">Update</a>

您在itemscount中保存.count计数,mycountarray将存储这些输入的值,即对于值a,b,c,d,您将获得一个数组:{{1} }

["a", "b", "c", "d"]

我不确定这正是你所看到的,但希望它是:) 干杯G.