缺少选择ID

时间:2015-10-01 07:41:35

标签: javascript jquery html

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

JS档案:

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

JS(类)文件:

$("#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

另外,我在这个post中注意到,他们在选项中选择了Index,而在我的选择选项中没有显示。

1 个答案:

答案 0 :(得分:1)

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

或者

如果你想获得改变的价值而不是像这样的方法:

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