javascript - 如何更改使用 ajax 调用附加的 html 输入的跨度值？

Question

我有一个在点击时触发的模态，模态数据通过 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> 

我的 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');
        }
} 

Answer 1

我没有完全理解，但我注意到你正试图通过 val() 函数获取 span 的值，你应该使用 html() 或 text() 来获取值并在任何你想要的地方使用它