Javascript 如何在追加按钮单击时获取追加输入div的值？

我有这样简单的HTML

<div id="buildyourform">
<div class="row">
    <div class="col-sm-6">
        <div class="input-group mb-2">
        
        <select class="form-control" id="language">
        @foreach($language as $l)
            <option value="{{$l->id}}" >{{$l->name}}</option>
        @endforeach
        </select>
        </div>
    </div>
    
    <a href="javascript:void(0)" id="save-button" class="btn btn-light btn-sm ">
        <i class="fa fa-ban"></i>
        Upload
    </a>
   
    </div>
</div>
</div>

---

有人能告诉我如何在相应的按钮点击上获取相应的选定语言id吗？

您需要使用prev功能并通过选择语言更改选择[id=xxxx]

$（文档）。在（'click'，'#save button'，function（）上{
var obj=$（本）；
//language=obj.closest（“div[class=row]”）。find（“select[id=language]”）。val（）；
language=$（this.prev（'.col-sm-6'）.find（“select#language”）.val（）；
console.log（语言）；
});

@foreach（$l语言）
{{$l->name}
@endforeach
刚刚测试过，对我来说很有用。你确定所有的
$l->id
都是唯一的吗？是的unique@YosefTukachinsky它没有为附加的div获取值。我的方法正确吗？请尝试在引号中传递语言id，如.find（“select[id='language']）.val（）；您是否也在
plus按钮
上克隆
保存按钮
？如果是这样，您应该使用id而不是
save按钮
id？
 $(document).on('click', '#save-button', function(){

    var obj=$(this);
    //language = obj.closest("div[class=row]").find("select[id=language]").val();
    language = $(this).parent().find("select[id=language]").val();
    console.log(language);

 });