Question

我使用以下HTML代码创建VF页面的下拉列表：

<div id="vp_page_dd">
   <span></span>
   <button type="button"  id="btnSort" >
      <table width="100%">
         <tr>
            <td width="81%" id="BtnDropDown_test"><select id= "VFPageListsDropDown123" class="menuDropDown"></select></td>
            <td width="19%"> <span class="caret"></span></td>
         </tr>
      </table>
   </button>
   <span>
      <!--  <div id="dropdowns-1" class="dropdowns dropdowns-tip">
         <ul class="dropdowns-menu" id="VFPageListsDropDown"></ul>
         </div> -->
   </span>
</div>

当我从列表中选择一个选项时，它会被选中，但不会显示该选项的值（这是一个特定的页面），默认页面仍会覆盖屏幕。要获取特定页面，我使用以下代码：

$('#VFPageListsDropDown123').change(function() {
            var selectedPageOption = $('#VFPageListsDropDown123').val();
            if (selectedPageOption === "Pages") {
                var selectedVFPage = selectedPageOption
                setSelectedVFPageActive(selectedVFPage);
                console.log(" inside drop down click(): " + jsonfileURL);
                getOneVFpage(jsonfileURL, selectedVFPage);

setSelectedVFPage函数如下：

function setSelectedVFPageActive(selectedVFPage) {
   document.getElementById("SelectedVFPageActive").value = selectedVFPage;
   console.log("current Active VF page set to 2 (setSelectedVFPageActive) : " + document.getElementById("SelectedVFPageActive").value);
   return selectedVFPage;
}

Bootstrap将div中的表转换为list。这就是获取选项的方式。

我提供的代码可能不足以让你的人给我一个答案，但我只是想知道我在编写获取相应页面的函数时出错？即使您粗略了解我应该如何获取该页面，也请告诉您。

下拉列表中的选定选项不会获取选项值

0 个答案: