我正在尝试获取选择选项的值或文本但由于某种原因,我尝试的所有方法都不会显示选择的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,而在我的选择选项中没有显示。
答案 0 :(得分:1)
并确保必须选择具有选项标签的select标签。
或者
如果你想获得改变的价值而不是像这样的方法:
$(document).on('change', '#sizesSelect', function(){
var value = $(this).val();
alert(value);
});