JavaScript根據選定的下拉文本字符串獲取二維數組值

Question

到目前為止，我有以下內容：

<!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”。

有人可以幫忙嗎？ 謝謝！

Answer 1

$('.product').change( function() {
  var xkey = $.trim( $(".product option:selected").text() );
  alert(KeysArray[xkey]);
});

Answer 2

我設法使其在此 jsfiddle上為您工作。

您需要做的是在此行的KeysArray對象中獲取正確的密鑰：

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

或者，您可以分兩步執行此操作以提高可讀性。

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

在繼續操作之前，可能值得檢查一下該密鑰是否確實存在。 我建議在得到xkey之后再檢查一下。

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

Answer 3

嘗試將此作為onchange回調函數主體

var xkey = $.trim( $(".product option:selected").text() );
alert(KeysArray[xkey] || 'Not found');

我希望這有幫助。

JavaScript根據選定的下拉文本字符串獲取二維數組值

問題描述

3 個解決方案

解決方案1
1 2013-01-15 17:28:47

解決方案2
1 已采納 2013-01-15 17:29:20

解決方案3
0 2013-01-15 17:28:34

JavaScript根據選定的下拉文本字符串獲取二維數組值

問題描述

3 個解決方案

解決方案1 1 2013-01-15 17:28:47

解決方案2 1 已采納 2013-01-15 17:29:20

解決方案3 0 2013-01-15 17:28:34

解決方案1
1 2013-01-15 17:28:47

解決方案2
1 已采納 2013-01-15 17:29:20

解決方案3
0 2013-01-15 17:28:34