如何用js来写：让datalist里面的textbox被修改值的时候改变字体颜色

[A111111111123224242]

这个datalist是写在内容页的，我试过用input来写，
<script>
function $(str)
{ return (document.getElementById(str)); }
name_taobao.onchange = function () { $("name_taobao").style.color = "#FF0000" }
</script>
<input id="name_taobao" type="text" style="width: 20px">
这样确实可以做得到，但是没办法绑定数据。
<input id="name_taobao" type="text" style="width: 20px" value='<%# Eval("name_taobao") %>' />
这样写没有效果
而且后台也没办法获取input这个控件。

[A111111111123224242]

引用 1 楼 ayanamireizero 的回复:

$("input").on("change",function(){
    var obj = $(this);
    obj.attr("color","red");
})

我的意思样式不是说怎么写？ 我是想问 如果我在前台设置了一个input 然后就加了JS（用来改变文本就改变字体颜色） 这个效果确实可以做得到 然后我把这个input放进了datalist 这个datalist通过了SQL绑定了数据 我用什么办法给这个input绑定数据 然后再后台又怎么获取input这个控件 网上有人说用在input 里面加入个runat="server" 但是一旦加入 我原来的样式就没有效果了

[ayanamireizero]

引用 4 楼 A111111111123224242 的回复:

[quote=引用 1 楼 ayanamireizero 的回复:]

$("input").on("change",function(){
    var obj = $(this);
    obj.attr("color","red");
})

我的意思样式不是说怎么写？ 我是想问 如果我在前台设置了一个input 然后就加了JS（用来改变文本就改变字体颜色） 这个效果确实可以做得到 然后我把这个input放进了datalist 这个datalist通过了SQL绑定了数据 我用什么办法给这个input绑定数据 然后再后台又怎么获取input这个控件 网上有人说用在input 里面加入个runat="server" 但是一旦加入 我原来的样式就没有效果了 [/quote] 你直接用textbox呗...反正textbox也是Input的....如果有datalist外的input不需要改变颜色,那就给textbox加个cssclass="aabbcc",js就写成 $(".aabbcc").on("change",function(){{)这样呗

[Hello World,]

控件的客户端ID是不是变了？

[A111111111123224242]

引用 5 楼 ayanamireizero 的回复:

[quote=引用 4 楼 A111111111123224242 的回复:] [quote=引用 1 楼 ayanamireizero 的回复:]

$("input").on("change",function(){
    var obj = $(this);
    obj.attr("color","red");
})

我的意思样式不是说怎么写？ 我是想问 如果我在前台设置了一个input 然后就加了JS（用来改变文本就改变字体颜色） 这个效果确实可以做得到 然后我把这个input放进了datalist 这个datalist通过了SQL绑定了数据 我用什么办法给这个input绑定数据 然后再后台又怎么获取input这个控件 网上有人说用在input 里面加入个runat="server" 但是一旦加入 我原来的样式就没有效果了 [/quote] 你直接用textbox呗...反正textbox也是Input的....如果有datalist外的input不需要改变颜色,那就给textbox加个cssclass="aabbcc",js就写成 $(".aabbcc").on("change",function(){{)这样呗[/quote] 这个JS放在哪里的？ 我这里调用了母版页 datalist在内容页里 input的 JS代码好像放哪里都有效果 但是textbox的JS是不是一定要放在head里面？ 我的内容页没有head 母版页才有head 难道JS放在母版页的head里面么？

[A111111111123224242]

引用 7 楼 A111111111123224242 的回复:

[quote=引用 5 楼 ayanamireizero 的回复:] [quote=引用 4 楼 A111111111123224242 的回复:] [quote=引用 1 楼 ayanamireizero 的回复:]

$("input").on("change",function(){
    var obj = $(this);
    obj.attr("color","red");
})

我的意思样式不是说怎么写？ 我是想问 如果我在前台设置了一个input 然后就加了JS（用来改变文本就改变字体颜色） 这个效果确实可以做得到 然后我把这个input放进了datalist 这个datalist通过了SQL绑定了数据 我用什么办法给这个input绑定数据 然后再后台又怎么获取input这个控件 网上有人说用在input 里面加入个runat="server" 但是一旦加入 我原来的样式就没有效果了 [/quote] 你直接用textbox呗...反正textbox也是Input的....如果有datalist外的input不需要改变颜色,那就给textbox加个cssclass="aabbcc",js就写成 $(".aabbcc").on("change",function(){{)这样呗[/quote] 这个JS放在哪里的？ 我这里调用了母版页 datalist在内容页里 input的 JS代码好像放哪里都有效果 但是textbox的JS是不是一定要放在head里面？ 我的内容页没有head 母版页才有head 难道JS放在母版页的head里面么？[/quote] “那就给textbox加个cssclass="aabbcc",js就写成 $(".aabbcc").on("change",function(){{)这样呗" 还有这个是什么意思？ 我刚学 麻烦详细点。。。

[走出一条新道路]

引用 8 楼 A111111111123224242 的回复:

[quote=引用 7 楼 A111111111123224242 的回复:] [quote=引用 5 楼 ayanamireizero 的回复:] [quote=引用 4 楼 A111111111123224242 的回复:] [quote=引用 1 楼 ayanamireizero 的回复:]

$("input").on("change",function(){
    var obj = $(this);
    obj.attr("color","red");
})

我的意思样式不是说怎么写？ 我是想问 如果我在前台设置了一个input 然后就加了JS（用来改变文本就改变字体颜色） 这个效果确实可以做得到 然后我把这个input放进了datalist 这个datalist通过了SQL绑定了数据 我用什么办法给这个input绑定数据 然后再后台又怎么获取input这个控件 网上有人说用在input 里面加入个runat="server" 但是一旦加入 我原来的样式就没有效果了 [/quote] 你直接用textbox呗...反正textbox也是Input的....如果有datalist外的input不需要改变颜色,那就给textbox加个cssclass="aabbcc",js就写成 $(".aabbcc").on("change",function(){{)这样呗[/quote] 这个JS放在哪里的？ 我这里调用了母版页 datalist在内容页里 input的 JS代码好像放哪里都有效果 但是textbox的JS是不是一定要放在head里面？ 我的内容页没有head 母版页才有head 难道JS放在母版页的head里面么？[/quote] “那就给textbox加个cssclass="aabbcc",js就写成 $(".aabbcc").on("change",function(){{)这样呗" 还有这个是什么意思？ 我刚学 麻烦详细点。。。[/quote] 这是JQuery，你可以百度一下

[冷玩笑]

后台获取input得是服务器端的textbox，在datalist的bound事件里应该可以获取到

[ayanamireizero]

$("input").on("change",function(){
    var obj = $(this);
    obj.attr("color","red");
})

[wangnaisheng]

http://blog.csdn.net/yy_2011/article/details/7663342

[EdsionWang]

内容页？你是用了母版页了吗？服务器控件在使用母版的内容页面前台取值需要这样“MainContent_controlID”（假设你的textbox设置ID叫controlID）