簡體   English   中英

如何在jQuery select2 Laravel中設置選定的值?

[英]How to set selected value in jquery select2 laravel?

我在laravel應用中使用Select2。 更新數據時出現問題。 我之前在數據庫中輸入了一個數據。 但是當我嘗試更新時,數據不會在我的select2中選擇。 select2列表中有數據,如下圖所示:

在此處輸入圖片說明

我也使用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>

你知道我想念的嗎?

使用jquery .va()方法設置所選值,例如

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

您正在使用select2,所以不要感到困惑。

在服務器端,加載/循環選項時,只需將selected =“ selected”添加到要顯示為自動選擇的那些選項即可。

然后在頁面末尾添加javascript

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

選擇2將自動顯示已選擇了“ selected”的選擇選項。

謝謝

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM