從菜單中下拉空選擇

Question

我使用JavaScript應用程序，並使用JSON列表填充下拉菜單。

                        $("#address").append($('<option></option>').attr("value", "1").text(""));
                        $.each(wallets, function (index, wallet) {

                            if (selectedCurrency === wallet["currency"].toString().trim()) {
                                $("#address").append($('<option></option>').attr("value", "1").text(wallet["address"]));
                            }
                        })

用戶界面看起來像這樣，

如果選擇空白項（如圖所示），則希望在控制台中打印empty 。 否則，我要打印地址值。 我的意圖是編寫更多代碼，但是，這是我想要開始的地方。 我有的代碼

$("#address").change(function () {

        if($(this).val()===""){
            console.log('empty');
        }

        else{
            console.log($(this).val());
        }
}

但是，它僅在控制台中打印1，並且不能區分空白欄和相關地址。 如果我使用console.log("The value is " + $(this).text()); 在change函數中，它將在控制台中一起打印所有信息，

The value is mp51mPC38Wtcmybdyd9MPEB2bKnw6eYbCsmqXjM7Mmg6B5LWMad7mHJi339ddaj7xXdBmvXxP1GmXXKojWQJKjgeoASnXVNXCS47z6n41jE2BKKpV6LsPb7dDdStjtuJf1FrYvMMmw1jtrWU5DADxvNR421MKFW1fposgzVMBymnzcZVF4jtZtGAggM5GuLog3Y5o52Mx4xMmq5Rgggfgy2TiRsvtcGm3rxx12R8XbYi9omkdt7ouyJnDXUp4LzdRSRP3ZhU57gUDKy6n2F2QEKk6Fqqk2yMTope5MYp1RtpT949kemrkdfp6qoVN3YiyJhq6nXPvgr3f7YpkS9j

我擁有的JSON數據類似，

[
  {
    "id": 1,
    "code": "BTC",
    "address": "mp51mPC38Wtcmybdyd9MPEB2bKnw6eYbCs",
    "currency": "Bitcoin"
  },
  {
    "id": 2,
    "code": "BTC",
    "address": "mqXjM7Mmg6B5LWMad7mHJi339ddaj7xXdB",
    "currency": "Bitcoin"
  },
  {
    "id": 4,
    "code": "BTC",
    "address": "mvXxP1GmXXKojWQJKjgeoASnXVNXCS47z6",
    "currency": "Bitcoin"
  }

   // some more data 
]

這里有什么問題？ 我的猜測是我將數據附加到下拉列表中時做錯了，需要更改。

如果需要，我可以提供更多信息。

Answer 1

只需在第一個選項中將值1更改為"" 。

$("#address").append($('<option></option>').attr("value", "").text(""));

$.each(wallets, function (index, wallet) {
    if (selectedCurrency === wallet["currency"].toString().trim()) {
          $("#address").append($('<option></option>').attr("value", "1").text(wallet["address"]));
      }
});

檢查這個例子。

 $("#address").append($('<option></option>').attr("value", "").text("")); $("#address").append($('<option></option>').attr("value", "1").text("123")); $("#address").append($('<option></option>').attr("value", "2").text("456")); $("#address").change(function () { if($(this).val()===""){ console.log('empty'); } else{ console.log($(this).val()); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="address"> </select>