Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >通过jquery更改materialize选择框的值

通过jquery更改materialize选择框的值
EN

Stack Overflow用户
提问于 2015-05-20 05:37:24
回答 12查看 51.6K关注 0票数 27

我想通过jquery更改materialize选择框值。

我在其他选择框的onchange事件上使用$('#myselect').val('1');,但它不起作用。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("#select1").change(function() {
    $('#myselect').val('1');
});
EN

回答 12

Stack Overflow用户

发布于 2015-05-20 05:49:37

这对我来说似乎很好用,更改第一个drop,将第二个drop的值重置为1。

我在jsFiddle上做了一个粗略的实现:http://jsfiddle.net/55r8fgxy/1/

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<select id="select1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

<select id="myselect">    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

JS:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(function() {
    $("#select1").on('change', function() {
        $('#myselect').val("1");

        // re-initialize material-select
        $('#myselect').material_select();
    });
});
票数 32
EN

Stack Overflow用户

发布于 2018-06-12 21:23:01

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#myselect').formSelect() ;

新方法是formSelect(),请在更新select之后使用此方法。

票数 16
EN

Stack Overflow用户

发布于 2016-03-11 07:25:20

正如@logikal所建议的,你必须重新初始化

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("#myselect").material_select()
票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30341095

复制
相关文章
gradeview可拖动效果实现
下面先上这次实现功能的效果图:(注:这个效果图没有拖拽的时候移动动画,DEMO里面有,可以下载看看) 一、开发心里历程 刚开始接触这个的时候,不知道要如何实现,去网上翻了一大堆资料,懂了个大概,就是目
xiangzhihong
2018/01/29
2.5K0
gradeview可拖动效果实现
简单的鼠标可拖动DIV 兼容IE/FF
一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等)
书童小二
2018/09/03
2.6K0
简单的鼠标可拖动DIV  兼容IE/FF
Android 可拖动悬浮窗实现
博客:https://www.jianshu.com/p/1d22edea2647
陈宇明
2020/12/16
2.1K0
jquery 列表可拖动排序 sortable
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery UI Sortable</title> <style type="text/css"> #myList{ width: 80px; background: #EEE; padding: 5px; list-style: none; } #myList a{ text-decoration: none; color: #0077B0; } #myList a:hover{ text-decoration: underline; } #myList .qlink{ font-size: 12px; color: #666; margin-left: 10px; } </style> </head> <body> <ul id="myList"> <li><a href="#">心情</a></li> <li> <a href="#">相册</a> <a href="#" class="qlink">上传</a> </li> <li> <a href="#">日志</a> <a href="#" class="qlink">发表</a> </li> <li><a href="#">投票</a></li> <li><a href="#">分享</a></li> <li><a href="#">群组</a></li> </ul>
用户5760343
2019/10/10
2.4K0
jquery 列表可拖动排序 sortable
IOS UIResponder 触碰拖动图像
override func touchesMoved(_ touches:Set<UITouch>, with event:UIEvent?) { //需要先判断是否触屏区域是否在图像内,省略 if!isTouchInImageView{ return; } let touch = touches.first let touchPoint = touch?.location(in:self.view) let touchPrePoint = touch?.previousLocation(in:self.view) let disX = (touchPoint?.x)!- (touchPrePoint?.x)! let disY = (touchPoint?.y)!- (touchPrePoint?.y)! var centerPoint = self.imageView.center centerPoint.x += disX centerPoint.y += disY self.imageView.center = centerPoint }
用户5760343
2019/07/08
4170
iOS 悬浮可拖动可点击按钮
@implementation SearchResultViewController
星宇大前端
2019/01/15
2.5K0
angular 模态框,可拖动 draggable 指令
import { Directive, ElementRef, OnInit, Input, Renderer2, RendererStyleFlags2 } from '@angular/core'; /** * @param area 要拖动的元素 * @param handle 要拖动的元素头部句柄 * @option maskClass 外层模态框的 class * @option hidden 外层模态框 overflow 是否强制 hidden */ export interface
treeNewBe
2020/06/16
1.9K0
使用easydrag实现可拖动的DIV弹出框
最近在工作中遇到了jquery的easydrag插件,我有一种相见恨晚的赶脚!easydrag极大的方法我们实现div弹框这个功能,使我爱不释手! 在没遇到easydrag插件之前,想实现一个弹出框并不是一件轻而易举的事情! 人们常说没有不劳而获的事情,但在编码的世界中却不是这样。更多的开源框架方面了我们,也毒害了我们!
业余草
2019/01/21
2.3K0
使用easydrag实现可拖动的DIV弹出框
iOS 悬浮可拖动可点击按钮
@implementation SearchResultViewController
星宇大前端
2022/12/22
1.8K0
简易的可拖动的桌面悬浮窗效果Demo
首先,我们需要知道,悬浮窗分为两种:Activity级别的悬浮窗,系统级别的悬浮窗 Activity级别的悬浮窗跟随所属Activity的生命周期而变化,而系统级别的悬浮窗则可以脱离Activity而存在。 由此可知,要实现360手机卫士那样的悬浮窗效果,就需要使用系统级别的悬浮窗 下面学习实现桌面悬浮窗效果的代码步骤: Demo描述,悬浮窗为一个ImageView ,可以在桌面 ,任意应用,锁屏上方任意移动 1、配置清单文件AndroidManifest.xml 中 添加系统悬浮窗的权限 <use
听着music睡
2018/05/18
3.2K0
PCA不适用于时间序列分析的案例研究
在大部份情况下我们都可以使用 PCA 进行线性降维。从图像处理到非结构化数据,无时无刻不在。我们甚至可以将它用于时间序列分析,虽然有更好的技术。在这篇文章中,我想向您介绍动态模式分解 (DMD),这是一种源自我的研究领域:流体动力学的用于高维时间序列的线性降维技术。DMD 结合了两个世界中的优点:PCA 和傅立叶变换。在数学上,它与动力系统理论中的一个基本算子有关,称为 Koopman 算子。但在深入研究 DMD 的数学之前,让我们用一个相当简单的例子来说明为什么 PCA 不是高维时间序列分析的最佳选择。
deephub
2021/07/23
1.5K0
PCA不适用于时间序列分析的案例研究
TAPD甘特图全新升级,可拖动,超好用~
范围管理、资源管理和进度管理是保证项目顺利推进的重要管理内容。在项目管理实践中,你是否也遇到这些问题: - 如何对繁杂的工作事项快速排期? - 如何避免团队资源分配不均? - 如何确保工作按时按量完成? 甘特图作为项目管理的有效图表可视化工具,能够准确表示项目范围、资源和进度之间的关系。 针对敏捷研发类项目场景,TAPD全新「甘特图」为团队提供更全面的功能支持和更顺畅的操作体验,帮助团队有序运转,高效开展项目协作。具体都有哪些功能呢?一起来看看~ 项目筹备初期 确认项目范围,细化工作事项 确认项目
TAPD敏捷研发
2021/02/26
2.2K0
jQuery实现可拖动控制进度条
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>jQuery可拖动控制进度条</title> <style type="text/css"> .demo {
王小婷
2021/05/19
5K0
jQuery实现可拖动控制进度条
在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]
Flutter 允许您使用FloatingActionButton小部件添加浮动操作按钮。但是,它不允许您拖动按钮。如果你想让它可拖动怎么办。本教程有一个示例,说明您需要做什么才能创建浮动操作按钮,只要它位于父小部件内,就可以将其拖动到屏幕周围的任何位置。
徐建国
2021/12/07
5.7K0
在 Flutter 中创建可拖动的浮动操作按钮[Flutter专题15]
HTML可拖动自定义弹出层
最近在进行web项目开发过程中,遇到了一个需求,就是需要弹出层可以用鼠标拖动。之前经常做的是弹出一个弹出层来提示用户信息或者是弹出一个弹出层进行登录,缺点是不能根据用户的视觉习惯定位他。下面我来介绍一个方法来解决这个问题。以下方法通过扩展jquery来进行开发。
OECOM
2020/07/02
2.6K0
微信小程序|可拖动悬浮窗的实现
不管是小程序还是软件网页等,页面上的悬浮窗总是能够引起我们的注意,而一个悬浮窗的实现,在微信小程序开发的官方文档中,可将其理解为一个可移动视图容器,那么该使用什么组件来实现这样一个功能呢?
算法与编程之美
2020/09/01
3.1K0
微信小程序|可拖动悬浮窗的实现
html5- canvas可拖动的曲线“视频教程”
重 点 bezierCurveTo()方法,即三次贝塞尔曲线方法 此方法需要三个点, 前两个点是用于三次贝塞尔计算中的控制点 第三个点是曲线的结束点。 bezierCurveTo(x1,x2, y1,
web前端教室
2018/02/06
1.1K0
gojs插件——动态可拖动流程图插件
使用时需要去官网下载对应的js文件:https://gojs.net/latest/index.html
GH
2020/03/19
4.5K0
点击加载更多

相似问题

Jquery移除不适用于可拖动的div

20

jQuery stackable不适用于动态创建的可拖动元素

114

jQuery UI可拖动不适用于动态创建的div

25

使图像可拖动

11

可拖动的Dart图像

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文