javascript - どのオプションが選択されたかを確認する

Question

コレクションを選択しています：

<select id="diagnose_sicherheit" name="diagnose[sicherheit]" class="hidden-field"
data-id="1377670814577-LN7za">
    <option value="V">Verdacht auf</option>
    <option value="Z">Zustand nach</option>
    <option value="A">Ausschluss</option>
    <option value="G">Gesicherte Diagnose</option>
</select>

ユーザーがオプションを変更したときに関数をトリガーしたい。私はこれを試しましたが、うまくいきませんでした：

$("input[name='diagnose[sicherheit]']").change(function () {
    $("#sicherheit").val($('input[name="diagnose[sicherheit]"]:checked').val())
    $("#Scomit").click();
});

Answer 1

選択で使用$(this).val()すると、選択した値を取得できます。
選択のIDを使用できるため、セレクターjQueryを変更しました（IDは常に一意である必要があり、コードがよりクリーンになります）。
ID Scomit を持つ要素のクリックイベントを発生させるには、メソッドを使用できます.trigger()

これを試して：

$('#diagnose_sicherheit').change(function(){
    $("#sicherheit").val($(this).val());
    $( "#Scomit" ).trigger('click');
});

Answer 2

これを試して

input間違っている Jquery セレクターで使用しています。それはSelect

$(function(){
    $("select[name^='diagnose']").change(function() {
        alert($(this).val());
        $("#sicherheit").val($(this).val())
        $( "#Scomit" ).click();
    });
});

デモ

Answer 3

$(this)選択の実際の値を取得するために使用します

$("input[name='diagnose[sicherheit]']").change(function() {
  $("#sicherheit").val($(this).val());
  $( "#Scomit" ).click();
});