JSFページでJavascriptを使用して動的なhtml要素を追加する必要があります。
<ui:define name="head">
<script type="text/javascript" language="javascript">
$().ready(function() {
$(".avisoAlteracao").each(function() {
$(this).attr("oldValue", $(this).val());
});
});
function checkIfChange(jItem) {
return jItem.attr("oldValue") != jItem.val();
}
function checkChanges() {
var changed = false;
$(".avisoAlteracao").each(function() {
if (checkIfChange($(this)))
changed = true;
});
return changed;
}
function setChangedLabels() {
var labels = '<ul style="list-style-type: circle;" >';
$(".avisoAlteracao").each(function() {
if (checkIfChange($(this))) {
label = $("label[for$='" + $(this).attr('id') + "']");
labels += "<li>" + label.text() + $(this).val();
labels += " -> ";
labels += $(this).attr("oldValue") + "</li>";
}
});
labels += "</ul>";
$("#customMessage").html(labels);
}
</script>
</ui:define>
とても簡単ですが、これは私がGoogleChromeから得たものです。
function setChangedLabels() {
var labels = "<ul>";
$(".avisoAlteracao").each(function() {
if (checkIfChange($(this))) {
label = $("label[for$='" + $(this).attr('id') + "']");
labels += "<li>" + label.text() + $(this).val();
labels += " -> ";
labels += +$(this).attr('oldValue') + "</li>";
}
});
labels += "</ul>";
$("#customMessage").append(labels);
}
なぜそれが私の「を変え"
てくれるのかわからない<
>
どうすれば処理できますか?