gpt4 book ai didi

JavaScript根据选定的下拉文本字符串获取二维数组值

转载 作者:行者123 更新时间:2023-12-02 19:05:27 26 4
gpt4 key购买 nike

到目前为止我有以下内容:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<title>
Select Value From Array
</title>
</head>
<body>

<script type="text/javascript">
var KeysArray = {
"Lake":"imageabc.jpg",
"House":"imagedef.jpg",
"PC":"imageghi.jpg",
"Sky":"imagejkl.jpg"
}
$(function(){
$('.product').change( function() {
var xkey = $.trim( $(".product option:selected").text() );
// alert(xkey);
});
});
</script>

<div>

<select class="product" title="">
<option value="">
-- Select --
</option>
<option value="123">
Lake
</option>
<option value="456">
House
</option>
<option value="789">
PC
</option>
<option value="101">
Sky
</option>
</select>

</div>

</body>
</html>

一旦我们从下拉列表中选择一个值,我需要将其选项文本值与现有的对应数组值进行比较。

因此,如果用户选择“House”,我应该检查是否存在具有该名称的键,如果有,我需要获取它的数组值。因此,在“House”示例中,它应该返回“imagedef.jpg”。

有人可以帮忙吗?谢谢!

最佳答案

我设法让它在 this 上为您工作jsfiddle。

您需要做的是在这一行的 KeysArray 对象中获取正确的 key :

var xkey = KeysArray[ $.trim( $(".product option:selected").text() ) ];

或者,您可以分两步完成此操作,以提高可读性。

var xkey = $.trim( $(".product option:selected").text() );
xkey = KeysArray[xkey];
<小时/>

在继续之前,可能需要检查该 key 是否确实存在。我建议在获得 xkey 后进行检查。

if (typeof xkey !== 'string') { xkey = 'Not found'; }

关于JavaScript根据选定的下拉文本字符串获取二维数组值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14343278/

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