Javascript 使用JS从Dropdownlist传递值

我正在尝试将所选值从我的Dropdownlist传递到另一个页面

下拉列表：

    <?php
        $sql4 = "SELECT kstnr, kostenstelle FROM kostenstelle";
        $result4 = $connection->query($sql4);

        if ($result4->num_rows > 0) {

        echo "<select id='kstnr' name='kstnr'>";
        // output data of each row
        while($row = $result4->fetch_assoc()) {
        echo "<option value='" . $row['kstnr'] . "'>" . $row['kostenstelle'] . "</option>";
        }
        echo "</select>";
        }
 ?>

如果选中该复选框，则应该传递下拉列表中的值，然后，应该有一个输入字段，其中包含来自我的数据库的特定值，而不是复选框。但该值只能使用dropdownlist中的值进行选择。我缺少的是如何正确地传递下拉值，以及如何刷新DIV，这样就有了一个输入字段

复选框：

    <div class="chkbx">
<label for="Element">PSP Element</label>
<div class="pspcheckbox" id="pspcheckbox">
        <input type="checkbox" name="psp-ele" id="Investnr" class="Investnr" >
    </div>
</div>

PSP元件

还有剧本：

    <script>
$(function() {
    $(".Investnr").change(function (e){
        var kstnr = document.getElementById("kstnr");
        var info = {kstnr: kstnr};
        $.ajax({
            type : "POST",
            url : "indexpsp.php",
            data : info,
            success : function(response) {
                          $('#pspcheckbox').html(response);
                        }
        });
    });
});
</script>

$（函数（）{
$（“.Investnr”）.更改（功能（e）{
var kstnr=document.getElementById（“kstnr”）；
var info={kstnr:kstnr}；
$.ajax({
类型：“POST”，
url:“indexpsp.php”，
数据：信息，
成功：功能（响应）{
$（'#pspcheckbox'）.html（回复）；
}
});
});
});

我没有刷新，因此我的复选框不会被输入字段替换，而且看起来我将Id错误地传递到了另一个页面

我的代码错了什么

谢谢你的帮助

更新：

<div class="drpdwn">

<label for="formGroupExampleInput2">Kostenstelle</label>


<?php
        $sql4 = "SELECT kstnr, kostenstelle FROM kostenstelle";
        $result4 = $connection->query($sql4);

        if ($result4->num_rows > 0) {

        echo "<select id='kstnr' name='kstnr'>";
        // output data of each row
        while($row = $result4->fetch_assoc()) {
        echo "<option value='" . $row['kstnr'] . "'>" . $row['kostenstelle'] . "</option>";
        }
        echo "</select>";
        }

 ?>
 </div>

 
<div class="chkbx">
<label for="Element">PSP Element</label>
<div class="pspcheckbox" id="pspcheckbox">
        <input type="checkbox" name="psp-ele" id="Investnr" class="Investnr">
    </div>
</div>


<!--    <label for="formGroupExampleInput">Produkt bezeichnung *</label> -->
<input type="text" class="inputright" id="formGroupExampleInput" name="name" placeholder="Produkt bezeichnung *" required="required">



                                        
<!--          <label for="formGroupExampleInput2">Preis</label> -->
<input type="text" class="inputright" id="formGroupExampleInput2" placeholder="Preis *" name="preis" required="required">   


                                                                                    <!--      <label for="formGroupExampleInput2">Menge</label> -->
                                      <input type="text" class="inputright" id="formGroupExampleInput3" placeholder="Menge *" name="menge" required="required">

<input type="text" class="inputright" id="formGroupExampleInput" name="markup" placeholder="MarkUp">
</div>

    
</div>

科斯滕斯特勒
PSP元件

您忘记了

.value

：

document.getElementById（“kstnr”）.value

好的，我现在将其修改为：var kstnr=.value:document.getElementById（“kstnr”）.value；你知道我怎样才能让我的div恢复活力吗？看起来像：success:function（response）{$（'#pspcheckbox'）.html（response）；}有一个错误（？）感谢@Barmar！success函数在我看来是正常的。JavaScript控制台中是否有任何错误？我得到：Uncaught SyntaxError:Unexpected token'.'它在以下位置显示错误：var kstnr=.value:document.getElementById（“kstnr”）.value；