Question

这是下拉列表：

<asp:DropDownList ID="DropDownList1" EnableViewState="true" AutoPostBack="true" AppendDataBoundItems="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"  runat="server"></asp:DropDownList>

这是编辑类别按钮：

<span class="btn btn-default edit-category" data-id="what to store here to get selected item text from dropdownlist">Edit Category</span>

这是我的js：

$(document).on("click", ".edit-category", function () {
       //show pop-up div
        $('.pop-up-category').addClass('show-popup');


//get dropdownlist selected value
var clicked = $(this);
 var id = clicked.attr("data-id");

       //put taken value here
        $('.edit-form .edit-form-label[data-name="category-id"] input').attr('value', id);
    });

知道如何从下拉列表中获取所选项目值或文本吗？

Answer 1

您是否尝试过更改事件而非点击 $（＆＃34; select.category＆＃34）。变化（函数（）{ $（＆＃34;＃category_input＆＃34）。ATTR（＆＃34;值＆＃34 ;,
$（这）.value的（））; ）};

Answer 2

我找到了答案。

这是从DropDownList获取id和selectedtext的正确方法。

//从数据库填充的下拉列表中获取id，因此这里的id是a 数据库中的表中的列，因为dropdownlist填充使用数据库连接*

var id = $("#DropDownList1 option:selected").val();

//从下拉列表中获取选定的文字

var txt= $("#DropDownList1 option:selected").text();

经过测试和工作!!

希望这个解决方案对其他人有用......

获取下拉列表选择的值并发送到弹出窗口

2 个答案: