自定义选项值取决于屏幕尺寸
Custom option values depending on the screen size
以下内容目前正在我的页面中使用。
<script id="score" type="text/template">
<select name="scoreSelector">
<option value="" disabled selected>Your Score</option>
<option value="0.25">Quarter</option>
<option value="0.50">Half</option>
<option value="0.75">Three Quarter</option>
</select>
</script>
如何根据屏幕宽度设置每个选项的值?
例
var width = $(window).width();
if (width <= 1023) {
//set <option value="0.25">Quarter</option>
} else {
//set <option value="0.35">Quarter</option>
}
你可以
这样做:
var width = $(window).width();
if (width <= 1023) {
$('select[name=scoreSelector]').val('0.25');
} else {
// etc.
}
相关文章:
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 如何在p5.js中管理多智力竞赛游戏的多个屏幕
- jquery移动对齐按钮取决于内容大小
- jQuery:当屏幕大小改变时,如何更改默认图像和悬停图像
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- 如果使用javascript函数屏幕太小,我该如何更改HTML文件的背景色
- HTML全页缩放取决于屏幕分辨率
- 列数的选项取决于屏幕分辨率
- 如何打开另一个文件索引.html,具体取决于屏幕的宽度
- 自定义选项值取决于屏幕尺寸
- 响应式JavaScript:“;刷新“;页面取决于屏幕宽度
- 运行jquery代码的正确方式取决于屏幕分辨率
- 水平滚动取决于什么's屏幕
- 简单的html显示1或2列取决于屏幕宽度
- 如果Statment取决于屏幕宽度