javascript - pick value from text box whose id generated dynamically

Question

I am trying to pick the value from the text box.

Text box id data-id data-phase data-project is dynamically generated.

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

My js code is

var TktNo ="IMxyz";

Method 1:

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

Method 2

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

Both are failing....any idea

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

output is

1 
2 undefined 
3  
4  

when i do console.log($(".addinformation")); following are the snap shot

Answer 1

我已经在 jsfiddle 上对其进行了编码：http: //jsfiddle.net/ZggHZ/。（使用警报只是为了测试）

var TktNo ="IMxyz";

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

);

Answer 2

你可以试试这个：

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

Answer 3

用这个。

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

或者

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

Answer 4

你在这里做什么 ？您的输入字段的类是addinformation，在您的第一个方法中，您正在使用其他类（附加信息框）来选择元素。它不会工作。如果该类只有一个输入addinformation，那么这应该有效：

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

Answer 5

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

应该返回值。确保在呈现 html 后调用它。