如何讓第一個選擇選項返回空值

Question

如何讓第一個選擇選項不返回任何值？我只是希望默認選擇的選項返回空白字段。我怎樣才能做到這一點 ？

<label>Passport</label> 
<select class="passport-id"> 
    <option selected=selected" value="">Select Passport ID</option> 
    <option value="0">417</option> 
    <option value="100">418</option> 
    <option value="100">419</option> 
</select> 


<label>Balance</label> 
<input type="text" name="balance" value="" class="passport-balance"/> 

使用jQuery i'm it's幾乎做it's工作，但是，例如，在第一個選項，默認的它爲我「點」和我不希望出現這種情況。

$("select.passport-id").change(function() { 
    var $balance = ""; 
    $("select.passport-id option:selected").each(function() { 
     $balance += $(this).val() + " Points"; 
    }); 
    $(".passport-balance").val($balance); 
}).change(); 

任何想法？

非常感謝提前。

Answer 1

您可以添加if聲明，如：

$("select.passport-id option:selected").each(function() { 
     if(this.value != ''){ 
      $balance += $(this).val() + " Points"; 
     } 
    }); 

Demo here