Mam do dyspozycji x edytowalny plik przez aplikację bootstrap. teraz mam sytuację, w której muszę zmienić wartość w moim zakresie przez kliknięcie przycisku. Wartość zmienia się, ale jeśli kliknę na ten x zakres edytowalny, poprzednia wartość jest umieszczona w polu tekstowym to jest mój kod przykładowyx edytowalna zmiana wartości dynamicznie nie działa
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Patient portal</title>
<meta name="description" content="3 styles with inline editable feature" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" href="assets/css/bootstrap-editable.css" />
</head>
<body ><!-- #section:basics/navbar.layout -->
<div>
<span class="editable" id="city"> intial value </span>
<button id="change">change value</button>
</div>
<script type="text/javascript">
window.jQuery || document.write("<script src='assets/js/jquery.min.js'>"+"<"+"/script>");
</script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/x-editable/bootstrap-editable.min.js"></script>
<script src="assets/js/x-editable/ace-editable.min.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript">
$(document).ready(function() {
$.fn.editable.defaults.mode = 'inline';
$.fn.editableform.loading = "<div class='editableform-loading'><i class='ace-icon fa fa-spinner fa-spin fa-2x light-blue'></i></div>";
$.fn.editableform.buttons = '<button type="submit" class="btn btn-info editable-submit"><i class="ace-icon fa fa-check"></i></button>'+
'<button type="button" class="btn editable-cancel"><i class="ace-icon fa fa-times"></i></button>';
$('#city').editable({
type: 'text',
name: 'FirstName',
title: 'enter First Name',
validate: function(value) {
if($.trim(value) == '')
return ' First Name is required';
else if($.trim(value).length>30)
return 'Only 50 charateres are allowed';
}
});
$('#change').click(function(){
$('#city').text("changed value")
});
})
</script>
</body>
tu rozpiętość miasto jest wypełniona „wartości pierwsze pytania” pierwszym i póki jestem kliknij na ten rozpiętości pole tekstowe pojawi się wartość „wartość pierwsze pytania”, a następnie, jeśli kliknięciu na wartość przycisku zmiany zakresu zostanie zmieniona na "zmienioną wartość". Następnie, po ponownym kliknięciu na pole tekstowe, pojawi się s howing poprzednią wartość „wartość intial” .jak mogę rozwiązać ten problem, każda pomoc będzie doceniona
jest to jfiddle Link jfiddle
czy możesz skrzypce? – divakar
@divakar i dodałem link jfiddle – abhi