Javascript 如何使用jquery设置文本框中的值-asp.net?
我有一个id为“tbl”的表,其中包含id为的文本框控件,如下所示Javascript 如何使用jquery设置文本框中的值-asp.net?,javascript,jquery,asp.net,html,css,Javascript,Jquery,Asp.net,Html,Css,我有一个id为“tbl”的表,其中包含id为的文本框控件,如下所示 <table id="tbl"> txt1Text1 txt1Text2 txt2Text1 txt2Text2 txt3Text1 txt3Text2 ................. ................. txt1Text1 txt1Text2 txt2Text1 txt2Text2 txt3Text1 txt3Text2 ................. ..............
<table id="tbl">
txt1Text1
txt1Text2
txt2Text1
txt2Text2
txt3Text1
txt3Text2
.................
.................
txt1Text1
txt1Text2
txt2Text1
txt2Text2
txt3Text1
txt3Text2
.................
.................
我想在文本框中设置specify值,该文本框以Text1
id结尾
我想使用jquery/javascript来实现它
谢谢您的帮助。您可以使用
属性结束符和
选择器
$('#tbl input[type=text][id$=Text1]').val('new value')
试试这个
$('#tbl input[id$="Text1"]').val('my value');
选择具有指定属性且值以给定字符串结尾的元素。比较是区分大小写的
您应该添加一个伪css类,它允许您“标记”文本框,然后使用jQuery使用css类选择器查找这些文本框
<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt1" />
<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt2" />
<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt3" />
<script type="text/javascript">
$(function(){
$(".FakeClass").val("42");
});
</script>
$(函数(){
美元(“.FakeClass”).val(“42”);
});
这里重要的是,“假阶级”不一定存在。它只是一个标记。请指定控件是html控件还是服务器控件请注意一点,他只想设置id以“Text1”结尾的控件的值。问题是,有3个控件。你应该添加一个假css类,它允许你“标记”文本框。然后使用jQuery使用css类选择器查找这些文本框。事实上,您还应该描述如何创建文本框。逐一地?使用数据绑定控件?使用mvc?动态创建?有了这个问题的答案,你会得到更多更好的答案,因为解决这个问题的方法可能有数千种。@SteveB,把答案贴出来,我会投票表决。这似乎是“最佳实践”的答案。@Neil:当Azemraza提供关于他如何创建文本框的更多细节时,我会告诉你的。+1。唯一区分文本框和输入标记的答案。
$('input[type=text][id$=Text1]').val('value');
<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt1" />
<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt2" />
<asp:TextBox runat="Server" CssClass="existingClass FakeClass" id="txt3" />
<script type="text/javascript">
$(function(){
$(".FakeClass").val("42");
});
</script>