文章/答案/技术大牛

发布

问jQuery并选择标签
EN

Stack Overflow用户

提问于 2018-10-07 19:39:45

回答 2查看 30关注 0票数 0

目前，我正在尝试让用户从下拉框中选择一个字体，当选择让我们说“Times”时，页面上的所有文本都会更改为该字体。我把基本的东西弄下来了，但我搞不清楚安置的顺序。

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script>
  //text
   $("#font option:selected").val();

  </script>
</head>

<body>
<div id="about_turtles">
  <center><p>This is a test</p></center>
</div>

<div id="font_buttons">
  <select id="font">
  <option value="helvetica">Helvetica</option>
  </select>
</div>

jquery

html

select

drop-down-menu

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-10-07 20:02:44

您可以使用以下简单代码：

 $(document).ready(function(){

$('#font').change(function(){
var font = $(this).val();

$('*').css("font-family", font);
});


});

票数 3

Stack Overflow用户

发布于 2018-10-07 19:51:02

从所选内容的外观来看，您只获得了所选内容的值。

然而，我认为你想要的是一个事件侦听器。就像这样：

$("#font").change(function () {
    var family= this.value;
    $("#about_turtles").css("font-family",family);
  });

我还会将字体族名称存储在选择列表中每个选项元素的值中。

工作JSFiddle

请看这个以获得更多帮助：jQuery更改字体族和字体大小

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52692183

复制

相似问题

问jQuery并选择标签
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery并选择标签EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery并选择标签
EN