jquery - 如何让第一个选择选项返回空值

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 几乎可以完成它的工作，但是，例如，在第一个选项中，默认选项会显示“点”，我不希望这样。

$("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";
         }
    });

演示在这里