使用jquery加载要选择的选项

我使用JqueryAjax在Select元素中加载选项

<div>
    <select id="roleType" name="roleType" 
             onclick="loadRoleTypes();">
               <option value="s">Select</option>
     </select>
</div>

JqueryAjax

function loadRoleTypes()
{           
    $('#roleType').empty().append('<option>select</option>');        
    $.ajax({
            url: '/ci/ajaxcall/loadRoles.php',
            dataType: 'json',
            type: 'POST',
            data: {"userCode": userCode},
            success: function(response) {
              var array = response.value;
              if (array != '')
              {
                for (i in array) {                        
                 $("#roleType").append("<option>"+array[i].ROLE_TYPE+"</option>");
               }

              }

            },
            error: function(x, e) {

            }

        });
}

---

在这里，当我单击“选择元素”时，我从下拉列表中获取选项值。但我无法选择特定的选项。如何解决此问题？

无法选择选项的问题是，每次单击包含选项集的SelectBox时，都会调用名为loadRoleTypes的函数。您可以尝试检查列表中的选项数选择框。或者您可以检查任何其他条件

function loadRoleTypes()
{           
if ($('#roleType').find("option").size() == 1) {  //Check condition here
    $('#roleType').empty().append('<option>select</option>');        
    $.ajax({
            url: '/ci/ajaxcall/loadRoles.php',
            dataType: 'json',
            type: 'POST',
            data: {"userCode": userCode},
            success: function(response) {
              var array = response.value;
              if (array != '')
              {
                for (i in array) {                        
                 $("#roleType").append("<option>"+array[i].ROLE_TYPE+"</option>");
               }

              }

            },
            error: function(x, e) {

            }

        });
}
}

---

您是在第一次单击下拉列表时尝试加载它，还是每次单击时都要加载它？选项中缺少值属性element@pankajparkar,如果未提及值属性，则可以，因为它会将标签作为选项的值。单击时我要加载，并且必须从加载的列表中选择一个选项。将值放入选项时存在相同的问题