Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在同一视图中获取模态输入Laravel

在同一视图中获取模态输入Laravel
EN

Stack Overflow用户
提问于 2019-09-10 03:09:54
回答 2查看 142关注 0票数 3

当我点击我的列表中的一行时,我有一个模式。我的模式有一个输入。我想在Jquery中获得AJAX的输入值。

这是我的模式:

代码语言:javascript
运行
AI代码解释
复制
<!--Reset Password Modal-->
<div id="resetModal-{{ $item['id'] }}" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Đổi mật khẩu tài khoản Brand Portal</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="block-1">
                    <label>Tài khoản:</label>
                    <label>{{ $item['email'] }}</label><br><br>
                </div>
                <div class="block-2">
                    <label>Tự động sinh mật khẩu tự động</label>
                    <label class="switch">
                        <input type="checkbox">
                        <span class="slider round"></span>
                    </label>
                    <br><br>
                    <div class="text-container">
                        <input type="password" id="password" name="password">
                        <span toggle="#password-field" class="fa fa-fw ... toggle-password"></span>
                    </div>
                    <br><br>
                </div>
                <label class="text">Yêu cầu đổi mật khẩu lần đăng<br> nhập tiếp theo</label>
                <label class="switch">
                    <input type="checkbox">
                    <span class="slider round"></span>
                </label>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Hủy</button>
                <a href="/" class="btn btn-xs btn-info pull-right" name="reset-btn">Tạo mật khẩu mới</a>
            </div>
            <input type="hidden" name="id" value="{{ $item['id'] }}">
        </div>
    </div>
</div>

在Js文件中,我尝试通过以下方式获取输入:

代码语言:javascript
运行
AI代码解释
复制
$("reset-btn").click(function() {
  password = $("#password").val();
  console.log(password);
});

但它不起作用。

我怎么能做到这一点?非常感谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-09-10 03:14:12

您应该在reset按钮中添加id属性:

代码语言:javascript
运行
AI代码解释
复制
<a href="/" class="btn btn-xs btn-info pull-right" name="reset-btn" id="reset-btn">Tạo mật khẩu mới</a>

然后在脚本js中:

代码语言:javascript
运行
AI代码解释
复制
$("#reset-btn").click(function() {
    password = $("#password").val();
    console.log(password);
});
票数 1
EN

Stack Overflow用户

发布于 2019-09-10 04:44:55

要在单击锚链接时执行javascript代码,您的href的值应该是#javascript:

因此请将您的href替换为

代码语言:javascript
运行
AI代码解释
复制
<a href="javascript:" class="btn btn-xs btn-info pull-right" name="reset-btn" id="reset-btn">Tạo mật khẩu mới</a>

然后使用下面的javascript代码

代码语言:javascript
运行
AI代码解释
复制
 $("#reset-btn").click(function() {
      password = $("#password").val();
      console.log(password);
    });
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57863529

复制
相关文章
模态框获取id一直不变,都是同一个id值
$('.refund-btn').click(function(){ //此处必须是$(this),否则$('.refund-btn')重新获取,导致值一直不变 var id = $(this).attr('data-id'); //var id = $('.refund-btn').attr('data-id');错误,这样会导致一直一个id值,一直不变,需要用$(this).attr('data-id') var form = $('#refund-order-form'
botkenni
2022/01/10
6390
获取浏览器视口大小
1 window.onload = function() { 2 alert("width: " + getPageScale().pageWidth + ", height: " + getPageScale().pageHeight); 3 }; 4 5 /** 6 * 获取浏览器视口大小 7 * @return {object} 宽,高 8 */ 9 function getPageScale(){ 10 var pageWidth = window.inne
就只是小茗
2018/12/12
1.3K0
在图中添加多边形
在matplotlib中有一个子模块patches, 提供了绘制各种多边形的功能,常用的多边形及其画法如下
生信修炼手册
2020/09/23
7410
在图中添加多边形
Php-Laravel输入站点地图(sitemap)
站点地图可以帮助搜索引擎更好的收录我们的站点,所以我们建站、建博客都最好有站点地图。
无道
2019/11/13
3K0
Php-Laravel输入站点地图(sitemap)
Python获取重定向输入
通过内置的fileinput模块即可实现,创建文件filein.py: #!/usr/bin/env python import fileinput f_input = fileinput.input() for line in f_input: print(line, end='') 增加可执行权限: chmod a+x filein.py 使用: $ ls | ./filein.py # Prints a directory listing to stdout. $ ./f
用户2936342
2018/08/27
1.1K0
TP如何获取输入变量
在Web开发过程中,我们经常需要获取系统变量或者用户提交的数据,这些变量数据错综复杂,而且一不小心就容易引起安全隐患,但是如果利用好ThinkPHP提供的变量获取功能,就可以轻松的获取和驾驭变量了。
PM吃瓜
2019/08/12
2.5K0
Win10: 在截图中添加红框
文章背景: 在工作中,很多时候需要用到Win10原生的截图工具,然后在截图中添加红框进行强调。对于Win10系统,可以通过按Windows 徽标键‌+ Shift+ S,快速调出截图工具,但无法在截图中添加红框,需要借助画图工具进行实现。
Exploring
2023/08/17
15.8K0
Win10: 在截图中添加红框
【译】在列表视图中处理空值
本篇文章主要针对两类开发者。第一个是曾遇到过IllegalArgumentException: Path must not be empty问题的开发者。第二个则是当ListView使用了未被完整加载的图像,应用程序仍能正确运转的开发者们。
小鄧子
2018/08/20
1.7K0
多模态AI浪潮来袭,或造福数亿视障人群
外卖、打车、社交、视频……现代社会海量的应用服务着人们的工作和生活,让人非常方便地就能体验到丰富的物质和精神享受。但与此同时,“障碍人群”的需求也值得关注。 第二次全国残疾人抽样调查结果、国家统计局2021年第7次人口普查数据,以及中国互联网络信息中心官网等综合显示:我国有1691万视障人士、2780万听障人士、2977万肢体残障人士、2.6亿60岁及以上老年人、4.16亿非网民,以及大量的认知障碍人士。 其实,进一步说,“非障碍人群”可能也会遇到情境性障碍和临时性障碍,比如突如其来的伤病,在伤病期间,部分
AI科技大本营
2023/04/06
5580
多模态AI浪潮来袭,或造福数亿视障人群
laravel怎么获取到public路径
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/113203.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/07
7770
从视音角度看多模态学习的过去与未来
作者丨卫雅珂、刘学旻 视觉和听觉在人类的沟通和场景理解中至关重要。为了模仿人类的感知能力,旨在探索视音模态的视音学习在近些年来已成为一个蓬勃发展的领域。本文是对由中国人民大学高瓴人工智能学院GeWu-Lab联合德克萨斯州大学达拉斯分校以及西北工业大学共同发布的最新视音学习综述《Learning in Audio-visual Context: A Review, Analysis, and New Perspective》的解读。 该综述首先分析了视音模态的认知科学基础,进而对近来的视音学习工作(近三百篇相
AI科技评论
2023/04/12
6710
从视音角度看多模态学习的过去与未来
Python获取控制台输入
Python获取控制台输入有两种方式:input()和raw_input Python3之后raw_input()已经被删除了。 Python2中有input和raw_input两个函数,其中raw_input将所有输入作为字符串看待,返回字符串类型。input函数支持表达式、数字类型、字符串类型,接受为表达式时,只返回其执行结果。 在Python3中对input和raw_input函数进行了整合,仅保留了input函数(认为raw_input函数是冗余的)。同时改变了input的用法——将所有的输入按照字
py3study
2020/01/13
2.2K0
MVC 通过Jquery获取视图中所有控件的值
在使用MVC开发Web时,有需求要将页面所有控件及其值传递到客户端与预定义的界面字段配置进行匹配。
aehyok
2018/09/11
2.4K0
在 SwiftUI 视图中打开 URL 的若干方法
本文将介绍在 SwiftUI 视图中打开 URL 的若干种方式,其他的内容还包括如何自动识别文本中的内容并为其转换为可点击链接,以及如何自定义打开 URL 前后的行为等。
东坡肘子
2022/07/28
8.4K1
在 SwiftUI 视图中打开 URL 的若干方法
C++在视图中显示缩略图
将任意形式文件已缩略图形式显示在视图中 //pWnd为当前客户区视图 CWnd* pWnd; pWnd=this; CDC* pDC=pWnd->GetDC(); HDC hDC = pDC->m_hDC; HWND hwnd=pWnd->GetSafeHwnd(); CImage image; //m_ViewRect 为当前客户区 CRect m_ViewRect; GetClientRect(&m_ViewRect); //strFilePath为影像绝度路径,包含文件名 image.Load(strFilePath);
用户7886150
2021/02/13
9030
私有PaaS在乐视的实践
PaaS在云平台中的作用 * 打通接入层、应用层、服务层 * 承载了云平台95%以上的业务
字母哥博客
2020/09/23
6210
私有PaaS在乐视的实践
高德地图中map.getZoom()获取地图级别 map.getCenter().toString()获取地图中心点 zoom初始化地图级别 center初始化地图中心点
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #container { width: 100%; height: 1000px; position: absolute; left: 0px; top: 0px; } </style> <script type="text/javascript" src="https
贵哥的编程之路
2020/10/28
1K0
高德地图中map.getZoom()获取地图级别      map.getCenter().toString()获取地图中心点  zoom初始化地图级别   center初始化地图中心点
点击加载更多

相似问题

Laravel -如何在视图中获取输入值

117

Laravel模态形式输入路径作为参数

11

iOS:在iPad模态视图中获取键盘点?

34

在Laravel视图中获取clientOriginalName

10

如何用Laravel在模态视图中显示cmd线输出数据

10
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档