2

很抱歉之前没有说清楚。嗯，如果选择了下拉菜单中的特定选项，我想要的是在特定文本上显示一个星号。喜欢说它是这样的必填字段。我真的是网络开发的新手，所以我真的需要一些帮助。

我需要将其更改为在单击按钮时显示内联和可见性。

这是我的html标签：

font color=red id="dobRec" style="display:none;visibility:hidden;">* /font>

我的 JQuery 代码是这样的：

<script>
        $("#custType").change(function(){
            if ($(this).val == 'R') {
                //display the asterisk
            }elseif ($(this).val == 'B') {
                //do something here

            }
        });
 </script>
4

3 回答 3

4

欢迎来到网络开发 :)

查看您可能已经拥有的任何代码会很有帮助。你能贴一些给我们吗？

使用 jQuery 更改样式

我将需要在没有看到您的代码的情况下做出一些假设，但是可以通过以下方式更改 CSS 属性，例如使用 jQuery 的可见性：

$('#idOfTag').css({'visibility':'visible'});

您可以在http://api.jquery.com/css/获得更多信息

值得注意的是，您还可以定义完整的 JS 对象，其中包含您希望更改的多个 css 属性并一次性应用它们。

var cssStyle = {
       'visibility':'visible',
       'width':'190px',
       'float':'left'
        }

$('#idOfTag').css(cssStyle);

请注意，最后一个属性后没有逗号。这是正确的 JavaScript 语法所必需的。

按钮绑定

您可以通过执行以下操作将事件绑定到单击按钮：

$('#idOfButton').bind('click', function(e) {
      //If you don't want the default action to occur you can do
      e.preventDefault();

      //Here, the 'this' object refers to the button
      //You can execute the previous code to change the css of the other element here
});

还有其他方法可以做到这一点，一些不那么冗长（我个人更喜欢这种冗长的方式），例如

$('#idOfButton').click(function(e) {

});

这做同样的事情。由你决定，我希望这能回答你的问题。如果还有什么我可以帮忙的，请告诉我。

可以在我的博客文章http://benashby.com/jquery/changeing-css-attributes中找到更多信息以及您可以使用 jQuery 执行的其他一些很酷的 css 内容。

于 2013-08-21T01:20:39.910 回答
1

你可以.css()在 jQuery 中使用

$('#dobRec').css({
    "display" : "inline",
    "visibility":"visible"
});

编辑：由于问题已经改变 - 你几乎在那里使用.val()大括号

$("#custType").change(function(){
    if ($(this).val() == 'R') {
           //display the asterisk
        } elseif ($(this).val() == 'B') {
            //do something here
    }
});
于 2013-08-21T01:19:41.430 回答
1

三种解决方案是可能的：

1）创建一个css类myStyle：

 .myStyle{
         display:inline;
         visibility: visible;

  }

并将其添加到您的元素中，可以使用addClass()来完成，如下所示：

   $('#dobRec').addClass('myStyle');

2）你也可以使用jQuery 的css()：

   $('#dobRec').css({  "display" : "inline",  "visibility":"visible"});

3）另一种解决方案是使用Attr()编辑您的 Style 属性，如下所示：

   $('#dobRec').attr('style','display:inline;visibility:visible');

所以编辑后的完整解决方案：

    $("#custType").change(function(){
        if($(this).val() == 'R') {
            $('#dobRec').css({
                   "display" : "inline",
                   "visibility":"visible"
            });

        }else if ($(this).val() == 'B') {
            //do something here

        }
    });

这是您想要的 jsfiddle 解决方案：http: //jsfiddle.net/HteKD/

于 2013-08-21T01:20:23.727 回答