これまでのところ、次のものがあります。
<!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」を選択した場合、その名前のキーがあるかどうかを確認する必要があります。ある場合は、その配列値を取得する必要があります。したがって、「家」の例では、「imagedef.jpg」が返されます。
誰でも助けてもらえますか?ありがとうございました!