我一直在嘗試將我的產品名稱的值更改為當前的值+尺寸名稱，但我無法做到這一點。我嘗試使用HTML <select> 選項用 HTML 內容填充文本區域，但失敗了。這是 HTML，我正在嘗試將產品名稱更改為產品名稱 + 從選項中選擇的任何選項。我嘗試過這個，但似乎沒有改變任何東西。var text = document.getElementById('name');var drop = document.getElementById('dropdown');drop.addEventListener('change', function(e) {  text.value += ' ' + e.target.value;  //OR ` ${e.target.value}`})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><!-- BEGIN PRODUCTS --><div class="col-md-4 col-sm-6">  <div class="sc-product-item thumbnail">    <div class="caption">      <h4 id="name" data-name="product_name">Product Name</h4>      <p data-name="product_desc">Yellow</p>      <hr class="line">      <div>        <div class="form-group">          <label>Size: </label>          <select id="dropdown" name="product_size" class="form-control input-sm">            <option>Iphone 11 6.1</option>            <option>IPhone 11 Pro 5.8</option>            <option>Iphone 11 Pro Max 6.5</option>            <option>Iphone X</option>            <option>Iphone XS</option>            <option>Iphone XS Max</option>            <option>Iphone XR</option>            <option>Iphone 7</option>            <option>Iphone 8</option>            <option>Iphone 7 Plus</option>            <option>Iphone 8 Plus</option>            <option>Iphone 6</option>            <option>Iphone 6s</option>            <option>Iphone 6 Plus</option>            <option>Iphone 6s Plus</option>          </select>        </div>