jquery 如何通过查找预期的完整字符串 ID 来选择下拉列表中的选项

问题描述 投票:0回答:1

我正在尝试从下拉列表中选择一个 ID,这是代码行

$(`#${rowid}`).find(`select option[value='ID']`).prop("selected", true);

但是我想在选择 ID=1 时在选项值的第一个分号之前显示第一个值 (1) 这是选项值

<option value="1;A;0.0000;False;True">ID10 (9.00%)</option>
<option value="15;T;0.0000;True;True">Jon (10.00%)</option>
<option value="12;Y;0.0000;True;True">Bam (0.00%)</option>
<option value="2;T;0.0000;False;True">Pole (0.00%)</option>

现在我的问题是,当我选择ID=1时,它总是显示ID以1开头的最低位置,所以在这种情况下,当我选择ID=1时,会显示ID=12,但预期的结果是显示ID= 1

有谁知道如何解决吗?

期望它能够读取正确的ID,然后能够找到并分配正确的ID

javascript jquery
1个回答
0
投票

使用split,用分号分割,取第一个。

 const displayValue = (e) => 
    document.getElementById('selectedValueDisplay').innerHTML =
    'Selected Value: ' + e.target.value.split(';')[0];
  
<Select onchange="displayValue(event)">
<option value="1;A;0.0000;False;True">ID10 (9.00%)</option>
<option value="15;T;0.0000;True;True">Jon (10.00%)</option>
<option value="12;Y;0.0000;True;True">Bam (0.00%)</option>
<option value="2;T;0.0000;False;True">Pole (0.00%)</option>
</Select>

<p id="selectedValueDisplay">Selected Value: </p>

© www.soinside.com 2019 - 2024. All rights reserved.