新人，求wex5怎么写一个隐藏和显示下拉框的jquery

liangyongfei

linai486 发表于 2015-11-16 14:48
我怎么才可以在 隐藏的下拉框 的上面的输入框输入结束后，下面隐藏的下拉框直接出现，求解；不要按钮的 ...

就是用我发的那篇文章就可以啊！
在上面的输入框输入结束后的事件中（可以是onChange事件）
修改邦迪的那个值为false,即可啊！
this.shouldShowMessage.set(false);

linai486

liangyongfei 发表于 2015-11-16 16:55
就是用我发的那篇文章就可以啊！
在上面的输入框输入结束后的事件中（可以是onChange事件）
修改邦迪的那 ...

嗯，我也试了，但因为，我的需要先判断上面有没有数据，而，那个我只把里面放了个false隐藏后，之后上面的input输入完值后，怎么让他显示我又不知道了。。。。我是纯新手，努力学习中

yuetao

额，我的代码只是个例子，select的值没有。你看下是不是这样的：

liangyongfei

linai486 发表于 2015-11-16 17:02
嗯，我也试了，但因为，我的需要先判断上面有没有数据，而，那个我只把里面放了个false隐藏后，之后上面 ...

input组件有事件！双击那个onchange的空白处！在那儿写代码！
先判定是否为空，然后再执行你的逻辑！设置为true或false

linai486

yuetao 发表于 2015-11-16 17:05
额，我的代码只是个例子，select的值没有。你看下是不是这样的：

谢谢，我先看看

linai486

liangyongfei 发表于 2015-11-16 17:08
input组件有事件！双击那个onchange的空白处！在那儿写代码！
先判定是否为空，然后再执行你的逻辑！设置 ...

谢谢，我试试，麻烦了

linai486

yuetao 发表于 2015-11-16 17:05
额，我的代码只是个例子，select的值没有。你看下是不是这样的：

<div component="$UI/system/components/justep/model/model" xid="model" style="width:143px;height:auto;left:10px;top:6px;"
    onLoad="model1Load">
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="userData" idColumn="id">
      <column label="tid" name="tid" type="String" xid="xid1"/>  
      <column label="pass" name="pass" type="String" xid="xid2"/>  
      <column label="input1" name="input1" type="String" xid="xid3"/>  
      <column label="input2" name="input2" type="String" xid="xid4"/>  
      <column label="input3" name="input3" type="String" xid="xid5"/>  
      <column label="id" name="id" type="String" xid="xid6"/>  
      <rule xid="rule1">
        <col name="tid" xid="ruleCol1">
          <required xid="required1">
            <message xid="default1"/>  
            <expr xid="default7"/>
          </required>
        </col>  
        <col name="pass" xid="ruleCol2">
          <required xid="required2">
            <message xid="default2"/>  
            <expr xid="default8"/>
          </required>
        </col>  
        <col name="input1" xid="ruleCol3">
          <required xid="required3">
            <message xid="default3"/>  
            <expr xid="default9"/>
          </required>
        </col>  
        <col name="input2" xid="ruleCol7">
          <required xid="required7">
            <message xid="default7"/>  
            <expr xid="default13"/>
          </required>
        </col>  
        <col name="input3" xid="ruleCol8">
          <required xid="required8">
            <message xid="default8"/>  
            <expr xid="default14"/>
          </required>
        </col>  
        <col name="username" xid="ruleCol4">
          <required xid="required4">
            <message xid="default4"/>  
            <expr xid="default10"/>
          </required>
        </col>  
        <col name="createtime" xid="ruleCol5">
          <required xid="required5">
            <expr xid="default5">justep.Date.STANDART_FORMAT</expr>
          </required>
        </col>  
        <col name="repass" xid="ruleCol6">
          <required xid="required6">
            <message xid="default6"/>  
            <expr xid="default12"/>
          </required>
        </col>
      </rule>
    </div>
  </div>  


<div class="form-vertical" component="$UI/system/components/bootstrap/form/form"
        xid="form1">
        <div  class="form-group" style="margin-right:auto;margin-left:auto;width:92%;">
          <label  class="sr-only"><![CDATA[用户帐号]]></label>  
          <div class="input-group">
            <div  class="input-group-addon">
              <span class="glyphicon glyphicon-user"/>
            </div>  
            <input component="$UI/system/components/justep/input/input" class="form-control"
              xid="tid" placeHolder="请输入帐号" autoFocus="true"/>
          </div>
        </div>  
        <div xid="div13" class="form-group" style="margin-right:auto;margin-left:auto;width:92%;" >
          <label  class="sr-only"><![CDATA[身份证号]]></label>  
          <div  class="input-group">
            <div  class="input-group-addon">
              <span class="glyphicon glyphicon-edit"/>
            </div>  
            <input component="$UI/system/components/justep/input/input" class="form-control"
              xid="pass" placeHolder="请输入身份证号" onChange="passChang"/>
          </div>
        </div>  
        <!-- <div bind-visible="$model.getItems('pass')"> -->
        <div>
          <div component="$UI/system/components/justep/row/row" class="x-row"
            xid="row2" style="padding:0;margin-right:auto;margin-left:auto;width:92%;">
            <div  class="form-group" style=";margin-right:auto;margin-left:auto;width:100%;">
              <input component="$UI/system/components/justep/input/input" class="form-control"
                xid="input1" placeHolder="请确认区" autoFocus="true" readonly="true"/>
            </div>  
            <div  class="form-group" style="padding:0;width:100%;height:100%;">
              <input component="$UI/system/components/justep/input/input" class="form-control"
                xid="input2" placeHolder="请确认栋" autoFocus="true" readonly="true"/>
            </div>
            <div  class="form-group" style="padding:0;width:100%;height:100%;">
              <input component="$UI/system/components/justep/input/input" class="form-control"
                xid="input3" placeHolder="请确认房号" autoFocus="true" readonly="true"/>
            </div>
          </div>  
           
      </div>  
        
      
  </div>





Model.prototype.passChang = function(event){
                        if(event.value==="0"){
                                $(this.getElementByXid('input1')).css({"display" : "none"});
                        $(this.getElementByXid('input2')).css({"display" : "none"});
                        $(this.getElementByXid('input3')).css({"display" : "none"});        
                }
                else
                {
                                $(this.getElementByXid('input1')).css({"display" : "block"});
                        $(this.getElementByXid('input2')).css({"display" : "block"});               
                        $(this.getElementByXid('input3')).css({"display" : "block"});               
                }
        };


没有成功，也不报错，我不知道怎么弄的

linai486

liangyongfei 发表于 2015-11-16 17:08
input组件有事件！双击那个onchange的空白处！在那儿写代码！
先判定是否为空，然后再执行你的逻辑！设置 ...

谢谢，我突然发现脑袋不好使。。。自己都晕了，

liangyongfei

linai486 发表于 2015-11-16 17:23
...

额，我是让你参考我给你发那篇文章，直接是指哪个变量的值就可以了！你写这么多指定css样式的代码做什么？

linai486

liangyongfei 发表于 2015-11-16 17:28
额，我是让你参考我给你发那篇文章，直接是指哪个变量的值就可以了！你写这么多指定css样式的代码做什么？ ...

Model.prototype.getItems = function(event){
        if ($.trim(this.comp('tid').val()) === "" || $.trim(this.comp('pass').val()) === "" ) {
                        this.shouldShowMessage = justep.Bind.observable(true);
                } else {
                         this.shouldShowMessage = justep.Bind.observable(false);
    }
                };