javascript - 将选项文本分配给隐藏输入时，如何从选择选项中删除 HTML nbsp 标签

Question

当该值分配给 html 隐藏元素时，它还会分配 select 语句中的 nbsp 标签。我不需要任何 html 标签，只需要文本

function setTextFieldA(ddl) {
  var a = ddl.options[ddl.selectedIndex].text; 
  var res = a.slice(0,12);
  alert(res);
  document.getElementById('prod1').value = res;
  /*document.getElementById('prod1').value = ddl.options[ddl.selectedIndex].text;*/
}

<select name="1" id="1" class="selectadd" onchange="setTextFieldA(this)" required >
	<option value="99">Red Vein     		  </option>
	<option value="99">White Vein   		  </option>
	<option value="99">Green Vein             </option>
	<option value="109">Red Horned  &nbsp; [Add $10]</option>
	<option value="109">White Horned [Add $10]</option>
	<option value="109">Green Horned [Add $10]</option>
	<option value="109">Maeng da &nbsp; &nbsp; &nbsp; [Add $10]</option>
</select>
<input id="prod1" type = "hidden" name = "prod1" value = "Red Vein" />

Answer 1

如果你使用 jQuery:

function setTextFieldA(ddl) {
  var res = $('option:selected',ddl).text().slice(0,12).trim();
  alert(res);
  $('#prod1').val(res);
}

检查这个 Fiddle