如何通过jquery动态添加<select> <option>？

Question

通过以下命令从API成功响应后更改的值： jQuery（'＃vat'）。val（response）; 使用此返回值可以将其放置到文本框中，但需要更改组合框的选定值。 如何实现呢？ 这是jQuery： <脚本>   函数getVat（）{//执行Ajax请求以检索产品价格     console.log（“ ajax之前的getVat”，jQuery（'＃product_name'）。val（））;     jQuery.ajax（{       网址：“ ./ get / vat / get1.php”，       方法：“ POST”，       数据：{'id'：jQuery（'＃product_name'）。val（）}，       成功：功能（响应）{         console.log（“ ajax之后的getPrice”，jQuery（'＃product_name'）。val（））;         jQuery（'＃vat'）。val（response）;       }，       错误：功能（请求，状态，错误）{         alert（request.responseText）;       }，     }）;   } 该脚本在#vat是文本框时有效，但在#vat是组合框时则无效。 更新： 这是用于组合框的脚本： <？php   $ dbname ='db';   $ dbuser ='root';   $ dbpass ='通过';   $ db =新的mysqli（'localhost'，$ dbuser，$ dbpass，$ dbname）;   如果（！$ db）{     exit（'Connect Error（'。mysqli_connect_errno（）。'）'     。 mysqli_connect_error（））;   } ？>   没有增值税   <？php     $ queryusers =“选择ID，内部ID，名称为增值税”；     $ db = mysqli_query（$ db，$ queryusers）;     而（$ d = mysqli_fetch_assoc（$ db））{       回声“ ”。$ d ['internal_id']。“ |”。$ d ['name']。“ ”;     }   ？> 更新2： 所选值更改为“ 1”。但是脚本仍显示没有增值税。有人知道我如何更新显示的数据。 更新3： 当我运行以下脚本时，我只是得到了一个额外的选择。表示为所选值的值仍然相同：                      <脚本>             函数getVat（）{//执行Ajax请求以检索产品价格             console.log（“ ajax之前的getVat”，jQuery（'＃product_name'）。val（））;             jQuery.ajax（{                 网址：“ ./ get / vat / get1.php”，                 方法：“ POST”，                 数据：{'id'：jQuery（'＃product_name'）。val（）}，                 成功：功能（响应）{             //然后将价格输入文本字段                     var newOption =“ <选项值=” +响应+“>” +响应+“ ”;                     $（“＃vat”）。append（newOption）;                     $（“＃vat”）。val（response）;                     getPrice（）;                     }，                 错误：功能（请求，状态，错误）{                     alert（request.responseText）;                     }，                 }）;             }           

Answer 1

您是正确的<select>值将由$("#vat").val(1)更改。但是，这不会创建新的<option>。如果将有<option value="1">，则将显示此选项。由于不存在，因此HTML无法显示，也不会显示<option>的默认<select>。

您需要创建一个<option>并将其附加到<select>。

这是成功的jQuery：

var newOption = `<option value=` + response + `>` + response + `</option>`;

$("#vat").append(newOption);
$("#vat").val(response);