jquery - 如何使用jquery在下拉列表中显示选定的值

标签 jquery html

我想在下拉列表中显示选择的名称, 这是我的 View 代码

<tr data-view-key="<?php echo $jmf_id; ?>">
<td class="jnl_id"><?php echo $jmf_jnl_id; ?></td>
<td class="question"><?php echo $jmf_question; ?></td> 
<td class="question_type">
    <?php 
    if($jmf_question_type == 'ss')
    {
    echo 'Single select (checkbox)';
    }
    else if($jmf_question_type == 'ms')
    {
    echo 'Multi select (checkbox)';
    }
    else if($jmf_question_type == 'mo')
    {
    echo 'Multi option (radio)';
    }
    else if($jmf_question_type == 'ft')
    {
    echo 'Free textarea';
    }
    ?>
</td>
<td class="question_option"><?php echo $jmf_question_options; ?></td>
<td>
    <a href="#<?php echo $jmf_id; ?>" name="edit_meta" ><span class="glyphicon glyphicon-edit" title="Edit"></span></a>&nbsp;&nbsp;
    <a href="#<?php echo $jmf_id; ?>" name="delete_meta" ><span class="glyphicon glyphicon-trash" title="Delete"></span></a>
</td>

Jquery代码是

$(document).on("click", "a[name = 'edit_meta']", function(event)
{
    event.preventDefault();
        $("a[name='delete_meta']").confirmation("hide");
        var jmf_id = $(this).attr("href").substring(1);
        var parent = $(this).parents("[data-view-key='"+jmf_id+"']");
        var jnl_id = parent.find("td.jnl_id").text();
        var question = parent.find("td.question").text();
        var question_type = parent.find("td.question_type").text();//output eg: Multi select (checkbox)
        var question_option = parent.find("td.question_option").text();
        $("#hdn_mf_id").val(jmf_id);
        $("#question").val(question);
       --> $("#question_type").val(question_type);//want to display the selected list item here(not value).

        $("#question_options").val(question_option);


});

我想在下拉列表中显示列出的项目名称,可以使用什么函数代替 .val()

最佳答案

您需要使用 :selected 目标定位所选选项并获取它的属性“name”

$("#question_type option:selected").attr('name')

示例:http://jsfiddle.net/3kgbG/1240/

如果你想显示从下拉列表中选择的文本

$("#question_type option:selected").text()

例子; http://jsfiddle.net/DinoMyte/3kgbG/1241/

关于jquery - 如何使用jquery在下拉列表中显示选定的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34504656/

相关文章:

javascript 方法执行两次 - bootstrap-slider

javascript - 使用 jQuery(或 Javascript)将状态更改动画化为 'disabled'

javascript - 如果找不到图像,请禁用 anchor 或超链接

css - 流体高度 div 包括边距

Javascript 或 jQuery : assign value within if statement

javascript - 仅在没有鼠标事件时更新页面

jquery启动时出错

javascript - 在 jquery 中向上和向下滚动到元素

html - 将图像作为背景图像,将自身拉伸(stretch)到页面末尾

javascript - jQuery 排序失败