使用JavaScript的ComboBox SelectedValue [英] ComboBox SelectedValue using JavaScript

问题描述

亲爱的所有人，我在页面中使用了AJAX 3.5 ComboBox Contol，我想使用Javascript来检索该ComboBox的选定值，但出现错误.以下显示了我的ComboBox声明.

Dear All, I am using AJAX 3.5 ComboBox Contol in my page and I want to retrive selected value of that ComboBox using Javascript but I am getting errors. following shows my ComboBox declaration.

<asp:ComboBox ID="ddlPrv" runat="server" CssClass="ddl" DataSourceID="sqlDsddPrv"

         DataTextField="Province" DataValueField="ProvinceID"

            AutoCompleteMode="SuggestAppend" DropDownStyle="DropDownList">
        </asp:ComboBox>

而波纹管是javascript

and bellow is javascript

var ddlPrv = document.getElementById('<%= frmProvinceInYear.FindControl("ddlPrv").ClientID %>');
        var val = ddlPrv.value;
        alert(val);

我在警报中变得不确定.

修改:

我完全修改了页面，并将ComboBox ID更改为cmbSDURN，并将其放置在非formView的页面中，这是呈现的HTML

I am getting undefined in alert.

Modification:

I modified my page completely and I changed my ComboBox ID to cmbSDURN and placed that in a page not inside a formView, here is the rendered HTML

<div onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$cmbSDURN\',\'\')', 0)"

     id="ctl00_ContentPlaceHolder1_cmbSDURN"

     class="WindowsStyle">
    <table  id="ctl00_ContentPlaceHolder1_cmbSDURN_Table"

            class="ajax__combobox_inputcontainer"

            cellspacing="0"

            cellpadding="0"

            border="0"

            style="border-width:0px;border-style:None;border-collapse:collapse;">
        <tr>
            <td class="ajax__combobox_textboxcontainer">
                <input  name="ctl00$ContentPlaceHolder1$cmbSDURN$TextBox"

                        type="text"

                        value="021089"

                        id="ctl00_ContentPlaceHolder1_cmbSDURN_TextBox"

                        onkeydown="return gotoNext(event);"

                        autocomplete="off" />
            </td>
            <td class="ajax__combobox_buttoncontainer">
                <button id="ctl00_ContentPlaceHolder1_cmbSDURN_Button"

                        type="button"

                        style="visibility:hidden;">
                </button>
            </td>
        </tr>
    </table>
    <ul id="ctl00_ContentPlaceHolder1_cmbSDURN_OptionList"

        class="ajax__combobox_itemlist"

        style="display:none;visibility:hidden;">
        <li>-Select SDURN-</li>
        <li>011089</li>
        <li>021089</li>
        <li>031089</li>
        <li>041089</li>
        <li>051089</li>
    </ul>
    <input  type="hidden"

            name="ctl00$ContentPlaceHolder1$cmbSDURN$HiddenField"

            id="ctl00_ContentPlaceHolder1_cmbSDURN_HiddenField"

            value="2" />
</div>

在我的aspx页面中，我有以下代码

in my aspx Page I have following code

function getSelectedValue() {
        var comboBoxID = "<%= this.cmbSDURN.ClientID %>";
        alert(comboBoxID); //Returns ComboBox ClientID and After this Statement nothing Works
        var elements = $("#" + comboBoxID + " input"); //jQuery CSS selector
        var val = undefined;
        alert(elements.length);
        if(elements.length==1)
        {
            val = elements[0].value;
            alert(val);
        }
return false;
    }

< asp:Button runat ="server" ID ="btnN" Text ="Selected Value" OnClientClick ="return getSelectedValue();" />

使用上面的代码，我只得到第一个警报，即ComboBox ClientID，但页面回发.我不知道为什么代码不起作用?

如何使用javascript获取Ajax 3.5 ComboBox的选定值?

<asp:Button runat="server" ID="btnN" Text="Selected Value" OnClientClick="return getSelectedValue();" />

using above code i get only the first alert which is ComboBox ClientID but the page postbacks. I dont know why the code doesent work?

how I can get the selected value of my Ajax 3.5 ComboBox using javascript?

推荐答案

ContentPlaceHolder1

ContentPlaceHolder1

cmbSDURN \'，\' \')'，0)" id = " class = " > < 表 id =" =" ajax__combobox_inputcontainer" =" 0" =" 0" =" 0" =" border-width:0px; border-style:None; border-collapse:collapse;" < tr > < td =" ajax__combobox_textboxcontainer" < 输入 名称 ="

cmbSDURN\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_cmbSDURN" class="WindowsStyle"> <table id="ctl00_ContentPlaceHolder1_cmbSDURN_Table" class="ajax__combobox_inputcontainer" cellspacing="0" cellpadding="0" border="0" style="border-width:0px;border-style:None;border-collapse:collapse;"> <tr> <td class="ajax__combobox_textboxcontainer"> <input name="ctl00

ContentPlaceHolder1

ContentPlaceHolder1

这篇关于使用JavaScript的ComboBox SelectedValue的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！