lengleng1630
2012-12-14 22:42
浏览 239

jquery select 问题

[code="java"]




请选择
测试1
测试2






[/code]

切换测试1和测试2的时候,会对应显示的文本框。选“请选择”的时候不显示任何文本框,用jquery怎么实现?
求解决。。。。

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • iteye_5246 2012-12-15 13:24
    已采纳

    针对你的新问题:
    【有没有更好些的方法呢?假如有测试1、测试2、……测试10,同样切换绑定对应的input该怎么实现呢?】
    :D 下次提问的时候记得如果有新问题直接追加在原问题上,不要追加在回答者留言上,这样别人看不到的。。。
    这个简单了。要确保你select 中的value 就是你要显示的input的id
    例如:

    [code="html"]


    请选择

    测试1

    测试2

    测试3






    [color=red]注意看了 测试3的value和input 中有一个id=nnn1的一样,那么这样的话就有办法进行优化了[/color]

    $(document).ready(function(){

    $(".xx_select").change(function()

    {
    var selectValue= $('select[name="a"]').val();
    if(selectValue=="")
    {
    //其中根据class xx_input 的来标识是你要控制的,如果页面中有多个与这个无关的 input 但class 也是 xx_input 可以新建一个class 但样式属性和 xx_input 的一样就可以了,但className名字不一样 就可以了
    $(".xx_input").hide();
    }else
    {
    $(".xx_input").hide();
    $("#"+selectValue).show();
    }
    });
    });

    已采纳该答案
    打赏 评论
  • iteye_5246 2012-12-14 23:04

    [code="js"]
    $(document).ready(function(){
    $(".xx_select").change(function()
    {
    var cc2 = $('select[@name="a"]').val();
    if(cc2=="")
    {
    $("#mmm").hide();
    $("#nnn").hide();
    }else if(cc2=="mmm")
    {
    $("#mmm").show();
    $("#nnn").hide();
    }
    else if(cc2=="nnn")
    {
    $("#nnn").show();
    $("#mmm").hide();
    }

    })
    });[/code]

    打赏 评论
  • henghanan 2012-12-14 23:17

    [code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    无标题文档 $(function() { $("#a").change(function() { if($("#a").val() == "mmm") { $("#mmm").show(); $("#nnn").hide(); } else if($("#a").val() == "nnn") { $("#nnn").show(); $("#mmm").hide(); } else { $("#mmm").hide(); $("#nnn").hide(); } }); });














    请选择

    测试1

    测试2










    [/code]
    打赏 评论
  • henghanan 2012-12-15 00:31

    [code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    无标题文档 $(function() { $("#a").change(function() { for(var i = 0; i < $('#a option').length; i ++) { $("#test" + i).hide(); if($("#a").get(0).selectedIndex) { $("#test" + $("#a").get(0).selectedIndex).show(); } } }); });














    请选择

    测试1

    测试2










    [/code]
    打赏 评论
  • M44346460 2012-12-15 13:33

    凡是google 一搜一大把的,建议先问google.

    打赏 评论

相关推荐 更多相似问题