gpt4 book ai didi

javascript - 选择 td 旁边的下一个选择框,然后按其文本值选择一个选项

转载 作者:行者123 更新时间:2023-12-01 02:25:04 24 4
gpt4 key购买 nike

简而言之,我需要自动从网络表单中选择下拉值。我尝试过使用:

$("td:contains(Gender)")
.closest('td')
.next()
.find('select')
.filter(function () { return $(this).html() == "Female"; })
.val();

(只是看看我是否可以返回任何内容,它说未定义)

    $("td:contains(Gender)")
.closest('td')
.next()
.find('select')
.find('option:contains(Female)')
.attr('selected', true)

(但这需要嵌套的 find() 才能工作

HTML 看起来像:

<html>
<table>
<tr>
<td>Gender:</td>
<td>
<select>
<option>Male</option>
<option>Female</option>
</select>
</td>
</tr>
</table>
</html>

缺点是由于网络表单的构建方式“独特”,我无法使用 ID 或类。我也知道我可能无法使用包含,因为男性和女性都包含“男性”。下拉列表中的值都是数字,因此我更愿意使用文本而不是映射值。

如果您想知道我是一名自动化工程师,所以我无法控制表单本身。

亲切的问候,
K

最佳答案

你几乎是正确的,你只是不需要调用 .closest('td') 因为 $("td:contains(Gender)") 将返回td 本身的 jQuery 对象。

$("td:contains(Gender)")
.next()
.find('select')
.find('option:contains(Female)')
.attr('selected', true)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<table>
<tr>
<td>Gender:</td>
<td>
<select>
<option>Male</option>
<option>Female</option>
</select>
</td>
</tr>
</table>
</html>

关于javascript - 选择 td 旁边的下一个选择框,然后按其文本值选择一个选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48885148/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com