没有选择ID

Select ID is missing

本文关键字:ID 有选择      更新时间:2023-09-26

我试图获得值或文本我的选择选项,但由于某种原因,我尝试的所有方法不会显示我的选择的ID。我认为这是因为我在DOM中添加Select之前执行脚本。下面是我的代码:-

JS文件:

var myimgHTML2="" ;
var myString="";
myString +="<select id='sizesSelect'></select>";
myimgHTML2=myString;
    return myimgHTML2;

JS (class) File:

$("#myrow").append(myHTML);
HTML文件:

<body>
    <div id="myrow" class="row"> 
        <!-- Row Start -->
        <!-- Row End -->
    </div>
    <table width="100%">
        <tr>
            <td colspan="2" align="center">
               <a class="btn btn-primary btn-lg" id="back_btn" style="width:100px" align="center" onclick="stack_func()" href="#" role="button">Back</a>
            </td>
            <td colspan="2" align="center">
                <a class="btn btn-success btn-lg" id="submit_btn" style="width:200px" align="center" role="button">Select This Theme</a>
            </td>
        </tr>
    </table>
    </div>
    <script type="text/javascript">

        document.getElementById('back_btn').style.display='none';
        document.getElementById('submit_btn').style.display='none';
        var myPMS = new PMS();
        myPMS.sendToServer('path1_1');
        var uniqueID=[];
        uniqueID.push('path1');
        function callToServer(id)
        {
            var res = id.split("_");
            if (id=="path1")
            {
                document.getElementById('back_btn').style.display='none';
            }
            else if(res[0]=="themeId")
            {
                document.getElementById('submit_btn').style.display='block';
            }
            else 
            {
                document.getElementById('back_btn').style.display='block';
                document.getElementById('submit_btn').style.display='none'; 
            }
            uniqueID.push(id);
            myPMS.sendToServer(id);
        }
     }
    </script>
</body>

我如何调用我的Select ID (JS):

var selector = document.getElementById("sizesSelect");
var myvalue = selector[selector.selectedIndex].value;
console.log (myvalue);

并尝试添加我的ID,但没有结果。

#sizesSelect

另外,我在这篇文章中注意到他们在选项中选择了索引,而在我的选择选项中没有显示。

并确保必须选择带有选项标签的select tag。

如果你想在更改时获取值,那么使用如下方法:

$(document).on('change', '#sizesSelect', function(){
    var value = $(this).val();
    alert(value);
});