从动态生成id的文本框中选择值

时间:2013-06-06 05:25:54

标签: javascript jquery

我正在尝试从文本框中选择值。

文本框id data-id数据阶段数据项目是动态生成的。

<input class="addinformation" type="text" data-id="" data-phase="1_2" data-project="1" value="" style="width: 50%;" id="IMxyz_addinfo">

我的js代码是

var TktNo ="IMxyz";

方法1:

console.log($(".additionalInfoBox").find("[data-id='" + TktNo + "']").html());

方法2

console.log($("#" + TktNo + "_addinfo").val());

两者都失败了....任何想法

console.log("1 " + $(".addinformation").val());
console.log("2 " + $(".addinformation").find("[data-id='" + TktNo + "']").val());
console.log("3 " + $("#" + TktNo + "_addinfo").val());
console.log("4 " + $('input#' + TktNo + '_addinfo').val());

输出

1 
2 undefined 
3  
4  

当我做console.log($(“。addinformation”)); 以下是快照 enter image description here enter image description here

5 个答案:

答案 0 :(得分:3)

我在jsfiddle上编码了它:http://jsfiddle.net/ZggHZ/。 (使用警报只是为了测试)

var TktNo ="IMxyz";

alert($('input.addinformation#'+TktNo+'_addinfo').val() 

);

答案 1 :(得分:2)

你可以试试这个:

$('input#'+TktNo+'_addinfo');

答案 2 :(得分:1)

console.log($("#" + TktNo + "_addinfo").val());

应该返回值。确保在渲染html后调用它。

答案 3 :(得分:1)

你在这做什么?输入字段的类是addinformation,在第一种方法中,您使用其他类(additionalInfoBox)来选择元素。它不会工作。如果只有一个类addinformation的输入,那么这应该有效:

console.log($(".addinformation").val());

答案 4 :(得分:1)

使用此功能。

console.log($("input.addinformation").val());

或者

var TktNo ="IMxyz";
console.log($("input#" + TktNo + "_addinfo").val());