Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/295.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从使用ajax调用附加的html输入更改跨度值?_Javascript_Php_Mysql_Ajax_Bootstrap Modal - Fatal编程技术网

Javascript 如何从使用ajax调用附加的html输入更改跨度值?

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);

我有一个点击触发的模态,模态数据由ajax请求添加到我的php文件中。在ajax调用之后,当模态显示时,我希望模态中的跨度值同时更改为模态的输入字段

我已经尝试过这个javascript代码,但是在ajax调用之后它就不起作用了

$("#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');
        }
}