如何在jquery select2 laravel中设置选定的值?

时间:2018-05-24 03:21:37

标签: php jquery laravel select jquery-select2

我在我的laravel应用程序中使用Select2。更新数据时遇到问题。我之前输入的数据库中有一个数据。但是当我尝试更新时,我的select2中不会选择数据。 select2列表中有数据,如下图所示:

enter image description here

我也使用ajax,因此如果我更改患者关系数据,患者姓名会自动更改,具体取决于患者的关系。这是我的功能:

function medical_update_modal(ID, CLAIMDATE, EMPL_ID, PATIENTRELATIONSHIP, EMPLFAM_ID, EMPLFAM_NAME, CLAIM_TYPE, CLAIMAMOUNT, MEDICALPARTNER, CLAIMTYPE) {
    $('#medical_id_update').val(ID)
    $('#receipt_date_update').val(CLAIMDATE);
    $('#patient_relationship_update').val(PATIENTRELATIONSHIP);
    $('#claim_type_update').val(CLAIM_TYPE);
    $('#claim_amount_update').val(CLAIMAMOUNT);
    $('#partner_type_update').val(MEDICALPARTNER);
    $('#claim_type_update').val(CLAIMTYPE);
    $('.selectpicker').select2('destroy');
    $('.selectpicker').select2({
        theme: "bootstrap"
    });
    $.ajax({
        url: "getPatientName",
        type: "GET",
        data: "PATIENT_RELATIONSHIP="+PATIENTRELATIONSHIP,
        cache: false,
        success: function(data){
          var obj = $.parseJSON(data);
          $("select#patient_name_update").html(obj.opt);
        }
    }); 
}

这是控制器中的代码:

public function getPatientName(Request $request)
{   
    $relation = $request['PATIENT_RELATIONSHIP'];
    if($relation == 'Own Self'){
        $getpatientrelation = DB::select("SELECT EMPL_ID AS EMPLFAM_ID, EMPL_NAME AS EMPLFAM_NAME FROM [HUMANCAPITAL].[dbo].[EMPLOYEE] WHERE EMPL_ID = '" . Session::get('Empl_ID') . "'");
    }
    else{
        $getpatientrelation = DB::select("SELECT EMPLFAM_ID, EMPLFAM_NAME, EMPLFAM_RELATIONSHIP FROM [HUMANCAPITAL].[dbo].[EMPLFAMILY]  WHERE EMPL_ID = '". Session::get('Empl_ID') ."' and EMPLFAM_GENDER = 'Female' and EMPLFAM_RELATIONSHIP = 'Spouse'");
    }

    $msg["opt"]="";
    $msg["opt"] .='<option></option>';
    foreach($getpatientrelation as $getData):
        $msg["opt"] .='<option value="'.$getData->EMPLFAM_ID.'"> '.$getData->EMPLFAM_NAME.'</option>';
    endforeach;
    echo json_encode($msg);

}

这是视图中的代码:

<select id="patient_name_update" name="patient_name_update" class="form-control selectpicker"  style="width:100%" required></select>

你知道我错过了吗?

2 个答案:

答案 0 :(得分:0)

使用jquery .va()方法设置所选值,如

success: function(data){
          var obj = $.parseJSON(data);
          $("select#patient_name_update").html(obj.opt);
          $("select#patient_name_update").val(selectedval);
        }

答案 1 :(得分:0)

您正在使用 select2 ,所以不要混淆。

  

在加载/循环选项时,在服务器端,只需将 selected =“selected”添加到要自动显示的选项中。

然后在页面末尾添加javascript

<script>
 $(document).ready(function() {
     $('select').select2();
 });
</script> 
  

选择2将自动显示已选择=“已选择”的所选选项。

由于