我想组合三个 javascript 变量并将其作为默认值显示在文本框中

Question

html 表单代码

<form action="code.php" method="POST" enctype="multipart/form-data">
    <div class="form-group col-md-12 mb-2">
    <label for="fname" class="form-label">Select District Name<span class="font-weight-bold text-danger">*</span></label>
    <select id="dist" name="distcode" class="form-select" require>
        <option class="active">Select District Name</option>
        <?php
            include '../mysqli_connect.php';
            $sql = "SELECT * FROM tb_district";
            $result = $con->query($sql);
            if ($result->num_rows > 0) { 
                // output data of each row
                while($row = $result->fetch_assoc()) { 
                    ?>

                    <option value="<?php echo $row['dist_code']; ?>"><?php echo $row['dist_name']; ?></option>";
                    <?php
                }
            } 
        ?>
    </select>
    </div>

    <div class="form-group col-md-12 mb-2">
        <label for="fname" class="form-label">Select Block Name<span class="font-weight-bold text-danger">*</span></label>
        <select id="block" name="blockname" class="form-select">
            <option class="active">Select Block Name</option>
        </select>
    </div>

    <div class="form-group col-md-12 mb-3">
        <label for="fname" class="form-label">Select Panchayat Name<span class="font-weight-bold text-danger">*</span></label>
        <select id="panchayat" name="panchayatname" class="form-select">
            <option class="active">Select Panchayat</option>
        </select>
    </div>
    
    <div class="form-group col-md-12 mb-2">
        <label for="fname" class="form-label">USERID<span class="font-weight-bold text-danger">*</span></label>
        <input type="text" class="form-control" id="panchayat" name ="blockcode"  readonly >
    </div>

    <div class="form-group col-md-12">
        <button type="submit" name="save_excel_data" class="btn btn-primary mt-3">Import</button>
    </div>
</form>

负载相关下拉列表的 Javascript 是

$('#dist').click(function() {
    //Get selected Country ID
    var distid = $(this).val();
    $.ajax({
          type      : 'POST',
          url       : '../adddistblockpanchayat/load-distblockajax.php',
          data      : 'dist='+distid, //pass country data
          success   : function(data) {
               $('#block').html(data);
          }
     });
});

$('#block').click(function() {
    //Get selected Country ID
    var blockid = $(this).val();
    $.ajax({
       type      : 'POST',
       url       : '../adddistblockpanchayat/load-distblockajax.php',
       data      : 'block='+blockid, //pass country data
       success   : function(data) {
             $('#panchayat').html(data);
         }
    });
});

现在我想合并相关下拉列表的值并显示这是一个文本框。

Answer 1

你有两种方法可以做到。

将后端的所有值分开，并用连接运算符将它们连接起来。然后使用请求提取该值。
在前端拉取值并将这些值与+连接起来。这是一个小演示：

value1=data.val1; //data object is fetched on successful request value2=data.val2; $("textboxselector").val(value1+value2);

[再次] 抱歉，我错过了您代码中的另一部分。您似乎想从两个不同的请求中获取值。在这种情况下，您应该在这种情况下全局编写两个变量（在两个请求之前）并将它们连接在一起。

我想组合三个 javascript 变量并将其作为默认值显示在文本框中

I want to combine three javascript variable and display this in a textbox as default value

javascript

variables

textbox