Question

最初的想法是隐藏输入元素并根据select元素中的change事件显示它。但是，我所拥有的代码并没有隐藏输入，因此更改语句没有任何反应。有人可以检查代码并向我显示我的错误。感谢

<label for="AUSR_companyname">Company Name:</label>
<input id="AUSR_companyname" name="AUSR_companyname" type="text" class="text ui-widget-content ui-corner-all inputbox AUSR_companyname" value = "" />


!--- dropdown for new user addition  -->
<script language="javascript" type="text/javascript">
      $("#AUSR_companyname").hide();
            $(function() {
            jQuery("#AUSR_company").live('change', function() {
                  if($(this).val()=="new")
                 {
                    $("#AUSR_companyname").show(); 
                }
            });
      });
</script>
<!--- end of dropdown for new user addition -->

++++ ++++ UPDATE

此脚本现在在参数列表'之后导致错误'缺失'。我哪里错过了？感谢

$(function() {
    $("#AUSR_companyname, label[for=AUSR_companyname]").hide();
            jQuery('#AUSR_company").live('change', function() {
                  if($(this).val()=="new")
                 {
                    $("#AUSR_companyname").show(); 
                }
        });
      });

Answer 1

适合我。

http://jsfiddle.net/jasongennaro/9vVah/

其他一些必须影响代码

修改

在回复此评论时，您刚刚添加了

还有一件事。如何隐藏标签以及输入字段？

这样做

$("#AUSR_companyname, label[for=AUSR_companyname]").hide();

http://jsfiddle.net/jasongennaro/9vVah/1/

Answer 2

看起来你正在使用jQuery。请注意，您已将jQuery文件包含在html标题部分中。

之后，将javascript代码包装到jQuery ready函数中：

<script language="javascript" type="text/javascript">
   $(document).ready(function() {
      $("#AUSR_companyname").hide();
        $(function() {
        jQuery("#AUSR_company").live('change', function() {
              if($(this).val()=="new")
             {
                $("#AUSR_companyname").show(); 
            }
        });
    });
  });
  </script>

编辑：回答您在评论栏中发布的问题：要隐藏标签，您也可以使用以下内容：

$('label[for="AUSR_companyname"], #AUSR_companyname').hide();

Answer 3

我没有看到代码有任何问题，除了将所有内容都包装在jQuery.ready块下：http://jsfiddle.net/mrchief/7Rsce/

Answer 4

这对我有用，

我冒昧地将输入和标签括在div中，然后添加选择：example

jquery隐藏输入元素错误

4 个答案: