Чтобы передать значение из DropDownList (связанного приложения к базе данных) в текстовое поле с помощью JavaScript

Question

У меня есть таблица базы данных, как показано ниже:

Create table tblState 
    (
    StateId int primary Key, 
    StateName nvarchar(50) 
) 

который переплетены в базу данных, как показано ниже:

protected void BindStateDropDown() 
{ 
    string CS = ConfigurationManager.ConnectionStrings["SportsActiveConnectionString"].ConnectionString; 
    using (SqlConnection con = new SqlConnection(CS)) 
    { 
     con.Open(); 
     SqlCommand cmd = new SqlCommand("select * from tblState", con); 
     SqlDataAdapter da = new SqlDataAdapter(cmd); 
     DataSet ds = new DataSet(); 
     da.Fill(ds); 
     ddlState.DataSource = ds; 
     ddlState.DataTextField = "StateName"; 
     ddlState.DataValueField = "StateId"; 
     ddlState.DataBind(); 
    } 
    ddlState.Items.Insert(0, new ListItem("---Select---", "0")); 
} 

сейчас Я хочу передать выбранный текст из раскрывающегося списка в текстовое поле на кнопке buttonclick. Я использовал приведенный ниже код, который передает значение VALUE.

<script type="text/javascript"> 
function calculateState() { 

    var state = document.getElementById('<%= ddlState.ClientID%>'); 
    var txtState0 = document.getElementById('<%= txtState.ClientID%>'); 
    txtState0.value = state.options[state.selectedIndex].value; 
    } 
    </script> 
    <asp:TextBox ID="txtState" runat="server" Width="260px"></asp:TextBox> 
    <asp:DropDownList ID="ddlState" DataTextField="StateName" DataValueField="StateId" runat="server"> 
    </asp:DropDownList> 
    <input id="btnState" onclick="calculateState();" type="button" value="Calculate State" /> 

Как я могу передать текст для той же выбранной опции в DropDownList в текстовом поле на buttonclick.It понимается, что наличие атрибута «Текст» будет работать, но я не знаю, как я идти об этом.

Update - Исходный код добавлен:

<tr> 
     <td class="auto-style21"> 
      <span id="ContentPlaceHolder1_Label11" class="auto-style31">State:</span> 
     </td> 
     <td> 
      <input name="ctl00$ContentPlaceHolder1$txtState" type="text" id="ContentPlaceHolder1_txtState" style="width:260px;" /> 
     &nbsp;&nbsp; 
      <select name="ctl00$ContentPlaceHolder1$ddlState" id="ContentPlaceHolder1_ddlState"> 
<option value="0">---Select---</option> 
<option value="1">Andaman and Nicobar Islands</option> 
<option value="2">Andhra Pradesh</option> 
<option value="3">Arunachal Pradesh</option> 
<option value="4">Assam</option> 
<option value="5">Bihar</option> 
<option value="6">Chandigarh</option> 
<option value="7">Chhattisgarh</option> 
<option value="8">Dadra and Nagar Haveli</option> 
<option value="9">Daman and Diu</option> 
<option value="10">Delhi</option> 
<option value="11">Goa</option> 
<option value="12">Gujarat</option> 
<option value="13">Haryana</option> 
<option value="14">Himachal Pradesh</option> 
<option value="15">Jammu and Kashmir</option> 
<option value="16">Jharkhand</option> 
<option value="17">Karnataka</option> 
<option value="18">Kerala</option> 
<option value="19">Lakshadweep</option> 
<option value="20">Madhya Pradesh</option> 
<option value="21">Maharashtra</option> 
<option value="22">Manipur</option> 
<option value="23">Meghalaya</option> 
<option value="24">Mizoram</option> 
<option value="25">Nagaland</option> 
<option value="26">Orissa</option> 
<option value="27">Pondicherry</option> 
<option value="28">Punjab</option> 
<option value="29">Rajasthan</option> 
<option value="30">Sikkim</option> 
<option value="31">Tamil Nadu</option> 
<option value="32">Tripura</option> 
<option value="33">Uttar Pradesh</option> 
<option value="34">Uttarakhand</option> 
<option value="35">West Bengal</option> 

</select> 
     &nbsp; 
<input id="btnCity" onclick="calculateState();" type="button" value="Calculate State" /></td> 
     <td></td> 
    </tr> 

Answer 1

Вам просто нужно text свойство как это: -

function calculateCity() { 
    var city = document.getElementById('<%= ddlCity.ClientID%>'); 
    var txtState0 = document.getElementById('<%= txtState.ClientID%>'); 
    txtState0.value = state.options[state.selectedIndex].text; 
} 

Edit:
Хорошо вы не упомянули его завернутые в мастер-страницы, убедитесь, что у вас есть эти сценарии на странице контента, а не на главной странице.