jquery - HTMLselect要素に選択された値があるかどうかを確認します

Question

selectjQueryを使用して要素の値にアクセスしているWebページがあります。要素に「空の」値（値= ""）がある場合、ページの他の場所にリンクを非表示にします。残念ながら、私はそれを機能させることができないようです。

これが私の現在のコードです：

$(document).ready(function(e) {
    if ($('#cancelNumber').select().val() == "") {
        $('#ticketsLink').hide();
    } else {
        $('#ticketsLink').show();
    }
});

タグはdivそれぞれ一意のIDを持っています（すでにチェックされています）-そして私も-===の挿入を使用してみまし==たが、それも機能しませんでした。私は何が間違っているのですか？

Answer 1

への呼び出しは、要素でイベント.select()を発生させるだけです。私はあなたが探しているものはもっと似ていると思います：select#cancelNumber

$(document).bind('ready', function () {
    var $cancelNumber = $('#cancelNumber');
    var $ticketsLink = $('#ticketsLink');

    var updateLink = function () {
        if ($cancelNumber.children(':selected').val() == '') {
            $ticketsLink.hide();
        } else {
            $ticketsLink.show();
        }
    };

    // Then assuming you want it to re-update every time the box is changed...
    $cancelNumber.bind('change', function () {
        updateLink();
    });

});

Answer 2

cancelNumberがselectのIDであると仮定します。

あなたのコードの以下のステートメント

$('#cancelNumber').select().val()

だろう

$('#cancelNumber').val()

あなたのコードは

$(document).ready(function(e) {    
   if ($('#cancelNumber').val() == "") {    
       $('#ticketsLink').hide();    
   }else{
       $('#ticketsLink').show();
   }
});

Answer 3

あなたは誤用して.select()います。あなたはただ欲しい$('#cancelNumber').val()。