[英]Change textfield value when submit button clicked based on condition
嗨,我知道這一定是一個簡單的問題,我是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>
嘗試與“上”
<script>
$(document).ready( function(){
$('document').on('click','#submit', 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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.