1
Ich habe das folgende HTML-Dokument.deaktiviert funktioniert nicht
<%@page import="org.bean.UserBean"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="CSSFiles/myCssFile.css">
<script type="text/javascript">
function dynamicdropdown(listindex) {
document.getElementById("subtask").length = 0;
switch (listindex) {
case "break":
document.getElementById("subtask").options[0] = new Option(
"Please select Break type");
break;
case "ORD Meetings":
document.getElementById("subtask").options[0] = new Option(
"Please select type of Meeting", "");
break;
case "Training":
document.getElementById("subtask").options[0] = new Option(
"Please select Type of Training", "");
break;
case "project":
document.getElementById("subtask").options[0] = new Option(
"Please select type of Project", "");
break;
}
return true;
}
</script>
<script type="text/javascript">
$(document).ready(function() {
if (typeof (Storage) !== "undefined") {
var stat = localStorage.getItem("clickStat");
if (stat == "start") {
$('#Start').attr("disabled", true);
$('#Stop').attr("disabled", false);
} else {
$('#Start').attr("disabled", false);
$('#Stop').attr("disabled", true);
}
}
var form = $('#formSec');
var task = document.getElementById('task');
var subtask = $('#subtask');
$('#Start').on("click", function() {
if (typeof (Storage) !== "undefined") {
localStorage.setItem("clickStat", "start");
}
$.ajax({
type : "post",
url : "UpdateStartTime",
data : form.serialize(),
success : function() {
$('#task').attr("disabled", true);
$('#subtask').attr("disabled", true);
$('#Start').attr("disabled", true);
$('#Stop').attr("disabled", false);
$('#getCase').attr("disabled", true);
}
});
return false;
});
$('#Stop').on("click", function() {
if (typeof (Storage) !== "undefined") {
localStorage.setItem("clickStat", "stop");
}
var form = $('#formSec');
var task = document.getElementById('task');
var subtask = $('#subtask');
$.ajax({
type : "post",
url : "UpdateEndTime",
data : form.serialize(),
success : function() {
$('#task').attr("disabled", false);
$('#subtask').attr("disabled", false);
$('#Start').attr("disabled", false);
$('#Stop').attr("disabled", true);
$('#getCase').attr("disabled", false);
}
});
return false;
});
});
</script>
</head>
<body>
<div class="header" id="header">
<form id="form1"></form>
</div>
<form name="formSec" id="formSec">
<div class="bodytag1">
<table>
<tr>
<td colspan="2" align="center"><span
class="font-style-boldItalic">Breaks</span></td>
</tr>
<tr>
<td>Break Task</td>
<td><select id="task" name="task"
onchange="javascript: dynamicdropdown(this.options[this.selectedIndex].value);">
<option value="" disabled selected>Select</option>
<option value="break" id="break">Break</option>
<option value="ORD Meetings" id="ORD Meetings">ORT
Meetings</option>
<option value="Training" id="Training">Training</option>
<option value="project" id="project">Adhoc Project</option>
</select></td>
</tr>
<tr>
<td>SubTask</td>
<td><select id="subtask" name="subtask"
onChange="enableTheStartTime()">
<option value="Subtask">Subtask</option>
</select></td>
</tr>
<tr>
<td><input type="button" value="Start" name="Start" id="Start"
disabled/></td>
<td><input type="button" value="Stop" name="Stop" id="Stop"
disabled="disabled" /></td>
</tr>
</table>
</div>
</form>
<script type="text/javascript" src="jsFiles/SampleJS.js"></script>
</body>
</html>
Als ich dieses Programm ausführen, die Start Taste ist nicht disabled standardmäßig. Ich habe sogar versucht disabled="disabled".
Das ist ziemlich verwirrend, lassen Sie es mich wissen, wohin gehe ich falsch und wie kann ich dieses Problem beheben
Danke,
Sie haben ' $ ('# Start') .attr ("disabled", false); 'Sind Sie sicher, dass' clickStat' in Ihrer if-Anweisung in Ihrem Bereit-Callback in Ihrem 'localStorage'' –
Yes @PatrickEvans, the ist Fall ich möchte, ist so etwas, Standardmäßig sind beide Tasten deaktiviert werden , nach der Auswahl beider Dropdown-Menüs, sollte der 'start' aktiviert werden (nur der' start'), und wenn ich 'start' drücke, sollte dies deaktiviert werden und' stop' sollte aktiviert werden, sobald ich den Anschlag drücke, sollten beide deaktiviert sein und wieder fängt es an, die Drop-Downs auszuwählen .... – user3872094