Javascript 根据jquery中的id获取对象的名称_Javascript_Jquery

Javascript 根据jquery中的id获取对象的名称

javascript jquery

Javascript 根据jquery中的id获取对象的名称,javascript,jquery,Javascript,Jquery,我正在创建动态下拉菜单。根据教程： <html> <head> <title>Webslesson Tutorial | JSON - Dynamic Dependent Dropdown List using Jquery and Ajax</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"

我正在创建动态下拉菜单。根据教程：

<html>
 <head>
  <title>Webslesson Tutorial | JSON - Dynamic Dependent Dropdown List using Jquery and Ajax</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 </head>
 <body>
  <br /><br />
  <div class="container" style="width:600px;">
   <h2 align="center">JSON - Dynamic Dependent Dropdown List using Jquery and Ajax</h2><br /><br />
   <select name="country" id="country" class="form-control input-lg">
    <option value="">Select country</option>
   </select>
   <br />
   <select name="state" id="state" class="form-control input-lg">
    <option value="">Select state</option>
   </select>
   <br />
   <select name="city" id="city" class="form-control input-lg">
    <option value="">Select city</option>
   </select>
  </div>
 </body>
</html>

<script>
$(document).ready(function(){

 load_json_data('country');

 function load_json_data(id, parent_id)
 {
  var html_code = '';
  $.getJSON('country_state_city.json', function(data){

   html_code += '<option value="">Select '+id+'</option>';
   $.each(data, function(key, value){
    if(id == 'country')
    {
     if(value.parent_id == '0')
     {
      html_code += '<option value="'+value.id+'">'+value.name+'</option>';
     }
    }
    else
    {
     if(value.parent_id == parent_id)
     {
      html_code += '<option value="'+value.id+'">'+value.name+'</option>';
     }
    }
   });
   $('#'+id).html(html_code);
  });

 }

 $(document).on('change', '#country', function(){
  var country_id = $(this).val();
  if(country_id != '')
  {
   load_json_data('state', country_id);
  }
  else
  {
   $('#state').html('<option value="">Select state</option>');
   $('#city').html('<option value="">Select city</option>');
  }
 });
 $(document).on('change', '#state', function(){
  var state_id = $(this).val();
  if(state_id != '')
  {
   load_json_data('city', state_id);
  }
  else
  {
   $('#city').html('<option value="">Select city</option>');
  }
 });
});
</script>


WebLesson教程| JSON-使用Jquery和Ajax的动态相关下拉列表



JSON-使用Jquery和Ajax的动态相关下拉列表


选择国家


选择状态


选择城市
$（文档）.ready（函数（）{
加载json数据（“国家”）；
函数加载\u json\u数据（id，父\u id）
{
var html_代码=“”；
$.getJSON（'country\u state\u city.json'，函数（数据）{
html_代码+='选择'+id+''；
$。每个（数据、函数（键、值）{
如果（id=‘国家’）
{
如果（value.parent_id=='0'）
{
html_代码+=''+值.名称+''；
}
}
其他的
{
if（value.parent\u id==parent\u id）
{
html_代码+=''+值.名称+''；
}
}
});
$（'#'+id）.html（html#u代码）；
});
}
$（文档）.on（'change'，'#country'，function（）{
var country_id=$（this.val（）；
如果（国家/地区id！=''）
{
加载json数据（“州”，国家id）；
}
其他的
{
$（'#state'）.html（'Select state'）；
$（'#city'）.html（'Select city'）；
}
});
$（文档）.on（'change'，'#state'，function（）{
var state_id=$（this.val（）；
如果（状态id！=''）
{
加载json数据（“城市”，州id）；
}
其他的
{
$（'#city'）.html（'Select city'）；
}
});
});

用户选择国家，我想获得所选国家的名称。我根据这个var country_id=$（this.val（））得到正确的国家id；但我需要它的名字。我尝试使用$（“#country_id”）.attr（“name”）；或$（本）.attr（“名称”）；但它不起作用，请帮助我。

您可以使用以下代码获取所选选项文本

var country_name = $(this).find('option:selected').text();

解决方案：

$（this）.children（“选项：选中”）.text（）

您必须为此正确设置

选项的值。您可以发布生成的HTML吗？另外，请尝试.text（）或$（this.children（“选项：已选”）.val（）非常感谢。这帮助我得到了我想要的：$（This）.children（“选项：selected”）.text（）@Gabrielek如果你自己找到了答案，请将其添加为答案