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，因为你可以使用你的select的id（id必须唯一，总是更干净的代码）。
要使用ID Scomit触发元素的click事件，可以使用方法.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

试试这个

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

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

Demo

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/

干杯

查看选择了哪个选项

4 个答案: