javascript - 根据条件单击提交按钮时更改文本字段值
问题描述
嗨,我知道这一定是一个简单的问题,我是 javascript 新手,我想实现,当单击按钮提交时,我的两个文本字段的值将根据条件以不同的方式提交,但我不知道为什么我的不工作它没有设置mytext1 和 mytext2 的值。我将非常感谢任何建议。谢谢
<script>
$(document).ready( function(){
$('#submit').click(function() {
var date1 = document.getElementById("temp1").value;
var user = document.getElementById("temp2").value;
var admin = document.getElementById("temp3").value;
if(user!='Admin') {
document.getElementById("mytext1").value = user;
document.getElementById("mytext2").value = date1;
}else {
document.getElementById("mytext1").value = admin;
document.getElementById("mytext2").value = date1;
}
});
});
</script>
解决方案
使用下面的代码段,您可以区分您想要提交的任何内容。我已经使用 JQuery 创建了函数
请在您的问题中提供更多代码以更好地理解
$(document).on('click','#submit', function() {
var first = $('#temp1').val();
var second = $('#temp2').val();
var user = $('#useradmin').val();
if (user == 'user') {
$('#show').html(first);
$('#showUserAdmin').html(user);
} else {
$('#show').html(second);
$('#showUserAdmin').html(user);
}
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<input type="text" id="temp1" placeholder="will submit in User" value="Submit along with User"><br>
<input type="text" id="temp2" placeholder="will submit in Admin" value="Submit along with Admin"><br>
<select required id="useradmin">
<option value="user">User</option>
<option value="admin">Admin</option>
</select>
<button type="button" id="submit">Submit</button>
<div id="show"></div>
<div id="showUserAdmin"></div>
推荐阅读
- algorithm - 算法:通过m个不同节点的最短路径
- google-cloud-platform - 在 google/GKE 中创建 http 负载均衡器时出现 502 服务器错误
- ssl - puppetdb:“验证错误:num=20:无法获取本地颁发者证书”和“SSL_connect SYSCALL 返回=5 errno=0 state=SSLv3/TLS 写入完成”
- laravel - 使用 Laravel swiftmailer 发送电子邮件(无法建立连接)
- java - 处理动态响应
- python - Python中的CSV,不保存重复数据
- ios - NSURLSession 的最佳实践是什么?
- c - 用 C 计算 Pi
- amazon-web-services - Q. AWS lambda - 在 lambda 函数之间共享数据库连接池
- c++ - 释放指针但不释放其值