使用JavaScript从选择按钮提取文本

大家好，我正在尝试使用Javascript提取名称

<div class="dropdown-container">
      <form>
         <select id="pick-chart" class="form-control pick-chart">
             <option value="0">Compare with</option>
             {% for i in team_list_pop %}
             <option value="{{i.id}}">{{i.first_name}} {{i.last_name}}</option>
             {% endfor %}
         </select>
      </form>
 </div>

我得到了错误：

Uncaught错误：语法错误，无法识别的表达式：option value=“52”

---

如何提取{I.first_name}}

您的JQuery文本错误，请尝试以下操作：

const name2 = $(`option[value='${val}']`).text();

然后，仅获取第一个名称（假设第一个名称不包含空格）：

---

您的JQuery文本错误，请尝试以下操作：

const name2 = $(`option[value='${val}']`).text();

然后，仅获取第一个名称（假设第一个名称不包含空格）：

---

您错误地编写了

var name2=$（“option value=“+””“+val+”））的代码。text（）

，将其替换为

var name2=$（'option[value='+val+']）。text（）和它将工作。
change
函数还有一个
missing）
错误，因此在那里添加一个右括号。对于工作代码段，我删除了动态
选项
元素：


$（“.pick chart”）.change（函数（e）{
e、 预防默认值（）；
var val=$（this.val（）；
var name2=$（'option[value='+val+']'）。text（）；
var fName=name2.split（“”）[0]；
log（'名字是'，fName）；
});

与…比较
约翰·塞纳
您错误地编写了
var name2=$（“option value=“+””“+val+”）.text（）的代码
，将其替换为
var name2=$（'option[value='+val+']）。text（）和它将工作。
change
函数还有一个
missing）
错误，因此在那里添加一个右括号。对于工作代码段，我删除了动态
选项
元素：


$（“.pick chart”）.change（函数（e）{
e、 预防默认值（）；
var val=$（this.val（）；
var name2=$（'option[value='+val+']'）。text（）；
var fName=name2.split（“”）[0]；
log（'名字是'，fName）；
});

与…比较
约翰·塞纳
thx男士；）出于某种原因，当我使用console.log（name2）时，我得到：Julien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien Doré代替Julien DoréJulien Doré，有没有办法只提取Julien的名字？我，使用
.split（“”）[0]
获取名字。thx men；）出于某种原因，当我使用console.log（name2）时，我得到：Julien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien DoréJulien Doré代替Julien DoréJulien Doré，有没有办法只提取Julien的名字？我，使用
.split（“”）[0]
获取名字。
const firstName = name2.split(' ')[0]