[英]To pass value from dropdownlist(binded to a database) to textbox using javascript
我有一個數據庫表,如下所示:
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" />
我如何將下拉列表中相同選項的文本傳遞給buttonclick上的文本框。可以理解,具有“文本”屬性可以工作,但我不知道該如何處理。
更新-添加了源代碼:
<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;" />
<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>
<input id="btnCity" onclick="calculateState();" type="button" value="Calculate State" /></td>
<td></td>
</tr>
您只需要像這樣的text
屬性:
function calculateCity() {
var city = document.getElementById('<%= ddlCity.ClientID%>');
var txtState0 = document.getElementById('<%= txtState.ClientID%>');
txtState0.value = state.options[state.selectedIndex].text;
}
編輯:
好的,您沒有提到它包裝在母版頁中,請確保您在內容頁而不是母版頁中具有這些腳本。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.