jQuery .val刪除空格文本

Question

好的，所以我有一個選擇項，其中選項來自數據庫：

<select id="subject_code" name="subject_code">;
<?php
    $stmt = $database->prepare('SELECT subject_code, subject_name FROM subject_schedule');
    $stmt->execute();
    $result = $stmt->get_result();

    while ($row = $result->fetch_assoc()) {
        $subj_code = $row['subject_code'];
        $subj_name = $row['subject_name'];
        echo "<option value=" . $subj_name . ">" . $subj_code . "</option>";
    }
?>
</select>

一個輸入框，其中所選項目應放置其值：

<input id="subject_name" type="text" autocomplete="off" placeholder="Subject Name" name="time">

以及執行任務的腳本：

$("#subject_code").on('change',function(){
  //get selected option
  var option = $(":selected",this);

  //get its value
  var value = option.val();

  //get input box
  var input = $("#subject_name")[0];

  // set value and disable input
  input.value = value;
});

問題是，每當我選擇一個在其上具有空格的值時，輸入框僅顯示數據庫中的第一個單詞。 例：

首選輸出：

subject code: ENG111
subject name: Communication Arts 1

電流輸出

subject code: ENG111
subject name: Communication

Answer 1

問題在於引號：

替換為：

echo "<option value=" . $subj_name . ">" . $subj_code . "</option>";

有了這個：

echo "<option value='" . $subj_name . "'>" . $subj_code . "</option>";

的jsfiddle