Question

我使用可靠的下拉菜单填充菜单。

第一个菜单是国家，第二个菜单是城市。在选择国家时，它会自动填充城市。

我使用this教程作为参考。

我希望存储所选城市的值和文本，因为我需要它来显示基于此的表格。

我的第一个菜单是

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>

尝试此脚本后，它仅提醒城市菜单中所选项目的值。我无法提醒自动填充的第一个项目。我怎样才能做到这一点？

欢迎任何帮助。

Answer 1

你可以在这里使用jQuery使用下面的代码 -

从select框

删除更改功能

<select name="city" class="city">
  <option selected="selected">--Select City--</option>
</select>

使用jQuery将change事件绑定到选择框，并获取选定的选项文本和值

$(function(){
  $('select[name=city]').on("change",function(){
   var value = $(this).val();
   var text = $(this).find('option:selected').text();
   alert(value);
   alert(text);
  });
});

Answer 2

选中此Code

只有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 />

存储可靠下拉菜单的选定值和文本

2 个答案: