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()您可以检索选定的值。
我已经更改了您的选择器 jQuery，因为您可以使用您选择的 id（id 必须始终是唯一的，这样代码更简洁）。
要使用 id Scomit 触发元素的点击事件，您可以使用该方法.trigger()

试试这个：

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

Answer 2

用于$(this)获取选择的实际值

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

Answer 3

试试这个

您input在 Jquery 选择器中使用的是错误的。这是Select

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

演示

Answer 4

采用 ：

var value = $("#diagnose_sicherheit option:selected" ).val();
var text  = $("#diagnose_sicherheit option:selected" ).text();
alert("Value : "+value+" \nText : "+text);

小提琴：http: //jsfiddle.net/NgNLQ/2/

干杯