更改JavaScript中具有相同ID的不同文本框的唯一值

Question

我希望在拖放到另一个div时将文本框（Bayno）的值更改为div id。有几个具有相同ID的文本框（Bayno）。 价值必须是唯一的。 我想在具有相同id的多个输入框上传递不同的值。

我试过了，

有12个这样的div，那些都是可以丢弃的。

	$(function () {
        $(".square").draggable();
        
  $("#00").droppable({
                accept: "#car",
                drop: function (event, ui) {
                        $(this).css("background-color", "lightgreen")
						$('#bayno').val(this.id);

						
                },
                out: function (event, ui) {
                        $(this).css("background-color", "")
						$('#bayno').val("12");
                }
        });
        
        });

.square {
    width: auto;
    height: 60px;
    cursor: pointer;
}
 
.squaredotted {
    width: 150px;
    height: 150px;
    border: 1px dotted gray;
    margin-bottom: 5px;
    margin-left: 5px;
    text-align: center;
    line-height: 20px;
    float: left;
    background-color: lightgray;
}

<div style="float:left;margin-left:10px;">
<div id="00" style="width:auto;" class="squaredotted">WAITING BAY
<div id="car" class="square">AAA-1234
<form action="#" method="post">
<input type="hidden" name="veno" id="veno" value="AAA-1234'">
<input type="hidden" name="bayno" id="bayno" value="00">
<button style="font-size:10px;"  type="submit">Save</button>

</form>
</div> 

</div> 
<div id="infoCars">

</div>
</div>