如何知道是否选中下拉菜单选项?

时间:2014-08-19 10:25:16

标签: javascript jquery html

我的表单包含radioboxinputtype='text'或type='checkbox'),textarea ...下拉菜单(select )..并且我想根据填充/检查的输入数量显示不同的div。我为输入(type='text')选择了输入ID,但我是如何为selecttextarea

做同样的事情
<script type="text/javascript">



$(document).ready(function() {

$("input[id*='ebit'], input[id*='nome_progetto'], input[id*='posizione_netta'], input[id*='descrizione'], input[id*='stato_transazione']").blur(function() {
   var counter=0;
    $("input[id*='ebit'], input[id*='posizione_netta']").each(function(ind, val){
        if($(val).val().trim()!==""){
            counter=counter+2;
        }
    });
     $("input[id*='nome_progetto'], input[id*='descrizione']").each(function(ind, val){
        if($(val).val().trim()!==""){
            counter++;
        }
    });

     $("input[id*='stato_transazione']").each(function(ind, val){
        if($(val).val().trim()!==""){
            counter++;
        }
    });


    $("#green_0, #green_1, #green_2, #green_3, #green_4, #green_5, #green_6, #green_7, #green_8, #green_9, #green_10, #green_11, #green_12, #green_13, #green_14, #green_15").hide();

    $("#green_"+counter).show(); 
});
});

3 个答案:

答案 0 :(得分:1)

如果你的textarea并选择了id,你可以参考他们的值,如

选择

$("#selectId").val();

textarea的:

$("#textAreaId").html();

答案 1 :(得分:0)

有一个选项

<option selected="selected" disabled="disabled" value="">Select Option</option>

并使用

if($("#selectId").val()!=='')
 counter++;

对于文本框,您可以使用

if($("#textAreaId").val()!=='')
    counter++;

答案 2 :(得分:0)

如果您使用的是jQuery

$('option:selected').text()

为您提供所选的选项文字。

$('option:selected').val()

为您提供所选的选项值

$('#myselect option:selected').val()

如果您有多个选择框。 myselect 是您的选择ID