时间戳

首页 > 解决方案 > 如何设置 HTML 的值? 我需要为 <select> 设置一个值，所以我向元素添加了一个“value=..”，认为它会给它一个默认值。除了选择使用之外，还有什么方法可以使用，因为在我的情况下，值从一个候选变为另一个。我这样做是为了让用户首先看到候选人的服务，然后在出现错误时更改它。<span >Service</span> <select class="form-control item pb-2" name="service" value= {

问题描述

标签： htmlselectlaravel-8

解决方案

任何选项都可以设置为选中，这将是选择的默认值。这是设置值的标准方法。为什么不使用它？

选项里面也没有标签

<select  class="form-control item pb-2"  name="service" >
  <option selected value="{{ $candidate->service->service_name }}">{{ $candidate->service->service_name }}</option>
  <option value="Outsourcing">Outsourcing</option>
  <option value="Development">Development</option>
  <option value="Call center">Call center</option>
</select>

如果您必须插入一个新选项并选择它，那么您可以使用 JavaScript

window.addEventListener("load",function() {
  const sel = document.querySelector("[name=service]");
  const val = "{{ $candidate->service->service_name }}";
  const opts = [new Option(val,val),...sel.options]
  sel.length = 0;
  opts.forEach(opt => sel.appendChild(opt));
  sel.value = val;
})  
<span>Service</span>
<select class="form-control item pb-2" name="service">
  <option value="Outsourcing">Outsourcing</span></option>
  <option value="Development">Development</option>
  <option value="Call center">Call center</option>
</select>

推荐阅读