[英]storing selected value and text of dependable dropdown menu
我正在使用可靠的下拉菜單來填充菜單。
第一菜單是國家,第二菜單是城市。 選擇國家后,它將自動填充城市。
我正在使用本教程作為參考。
我想存儲所選城市的值和文本,因為我需要它來基於此顯示表。
我的第一個菜單是
Country :
<select name="country" class="country">
<option selected="selected">--Select Country--</option>
<?php
include('db.php');
$sql=mysql_query("select id,data from data where weight='1'");
while($row=mysql_fetch_array($sql))
{
$id=$row['id'];
$data=$row['data'];
echo '<option value="'.$id.'">'.$data.'</option>';
} ?>
</select> <br/><br/>
這是我的第二個菜單。 我想存儲自動填充項的值。 為此,我在城市菜單的下拉菜單中使用了on-change事件作為
<select name="city" class="city" onchange="getselectval(this)">
<option selected="selected">--Select City--</option>
</select>
我的getselectval()函數是
<script type="text/javascript">
functionn getselectval(ctrl){
selectval=ctrl.options[ctrl.selectedIndex].value;
selecttext=ctrl.options[ctrl.selectedIndex].text;
alert(selectval);
alert(selecttext);
}
<script>
嘗試此腳本后,它會提醒城市菜單中僅所選項目的值。 我無法提醒自動填充的第一項。 我該如何實現?
任何幫助都歡迎。
您可以在此處使用以下代碼使用jQuery-
從select
框中刪除更改功能
<select name="city" class="city">
<option selected="selected">--Select City--</option>
</select>
使用jQuery將更改事件綁定到選擇框,並獲取選擇的選項文本和值
$(function(){
$('select[name=city]').on("change",function(){
var value = $(this).val();
var text = $(this).find('option:selected').text();
alert(value);
alert(text);
});
});
檢查此代碼
只有HTML從JSfiddle獲取JS
<form id="dropdowns" action="index.html">
<label>Country:</label>
<select id="country" name="country">
<option value="000">-Select Country-</option>
</select>
<br />
<label>State:</label>
<select id="state" name="network">
<option value="000">-Select State-</option>
</select>
<br />
<label>City:</label>
<select id="model" name="model">
<option value="000">-Select City-</option>
</select>
<br />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.