Javascript 存储可靠下拉菜单的选定值和文本
我使用可靠的下拉菜单来填充菜单 第一道菜是乡村菜,第二道菜是城市菜。选择国家后,它会自动填充城市 我使用教程作为参考 我想存储所选城市的值和文本,因为我需要它来显示基于此的表格 我的第一份菜单是Javascript 存储可靠下拉菜单的选定值和文本,javascript,jquery,Javascript,Jquery,我使用可靠的下拉菜单来填充菜单 第一道菜是乡村菜,第二道菜是城市菜。选择国家后,它会自动填充城市 我使用教程作为参考 我想存储所选城市的值和文本,因为我需要它来显示基于此的表格 我的第一份菜单是 Country : <select name="country" class="country"> <option selected="selected">--Select Country--</option> <?php include('db.php');
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/>
这是我的第二份菜单。我想存储自动填充项的值。为此,我在我的城市菜单下拉列表中使用了“更改事件”
<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- 从选择框中删除“更改时删除”功能 检查这个 只有HTML才能从JSFIDLE获取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 />
你们能做小提琴演示吗?@Bala我必须从数据库中加载菜单和子菜单。顺便说一下,我在我的问题中给出了链接,我把它用作reference@stackuser对于第一个菜单,最好提供浏览器看到的呈现HTML,而不是PHP代码。我尝试使用您的代码,但它没有在我的第二个菜单(即city)中提供任何项目。@stackuser在您提供的HTML中没有第二个菜单。
$(function(){
$('select[name=city]').on("change",function(){
var value = $(this).val();
var text = $(this).find('option:selected').text();
alert(value);
alert(text);
});
});
<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 />