Javascript 如何从使用ajax调用附加的html输入更改跨度值?
我有一个点击触发的模态,模态数据由ajax请求添加到我的php文件中。在ajax调用之后,当模态显示时,我希望模态中的跨度值同时更改为模态的输入字段 我已经尝试过这个javascript代码,但是在ajax调用之后它就不起作用了Javascript 如何从使用ajax调用附加的html输入更改跨度值?,javascript,php,mysql,ajax,bootstrap-modal,Javascript,Php,Mysql,Ajax,Bootstrap Modal,我有一个点击触发的模态,模态数据由ajax请求添加到我的php文件中。在ajax调用之后,当模态显示时,我希望模态中的跨度值同时更改为模态的输入字段 我已经尝试过这个javascript代码,但是在ajax调用之后它就不起作用了 $("#j").on("change keypress input", function() { $("#total").value( $("#j").val() ); var a=($(this).val()*2.37).toFixed(2);
$("#j").on("change keypress input", function() {
$("#total").value( $("#j").val() );
var a=($(this).val()*2.37).toFixed(2);
$("#possible").html(a);
});
我的情态:
<div class="modal-body">
<div id="modal-body" class='form-row has-danger border-bottom mb-30'>
</div>
<div class='col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 border-bottom form-row mt-15 mb-10'>
<div class='col-xl-8 col-lg-8 col-md-8 col-sm-8 col-xs-8 text-left'>
<strong>Total Jobs</strong>
</div>
<div class='col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-4 text-right'>
<strong><span id='total'></span></strong> //want to change value of this based on input field added from php page
</div>
</div>
<div class='col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 form-row '>
<div class='col-xl-8 col-lg-8 col-md-8 col-sm-8 col-xs-8 text-left'>
<strong>Possible Jobs</strong>
</div>
<div class='col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-4 text-right'>
<strong><span id='possible'></span></strong> //want to change value of this based on input field added from php page
</div>
</div>
</div>
我没有完全理解,但我注意到您正在尝试获取span throught val()函数的值,您应该使用html()或text()来获取值并在任何您想要的地方使用它我没有完全理解,但我注意到您正在尝试获取span throught val()函数的值,您应该使用html()或text()取而代之的是,当我对我的php文件调用ajax时,会将一个输入(文本类型)添加到模式中,然后模式就会出现。我想做的是,在模式调用之后,输入标记中的任何输入更改都将导致spansAn输入值的更改。当我对php文件调用ajax时,会将输入(文本类型)添加到模式中,然后显示模式。我想做的是,在模态调用之后,输入标记中的任何输入更改都将导致跨度值的更改
function job(job_id) {
$.ajax({
url : "job.php", //this is my php file where echo for the modal happens
type : "post",
dataType:"text",
data : {
stake_id: bet_id
},
success : function (a){
$('#modal-body').html(a);//adding echo part to my modal
$('#RequestModal').modal('show');
}
}