[英]Onchange function does´t work
我想根據選項值對執行不同任務的 onchange 函數執行 ajax 調用。 然而,函數中出現了問題,因為它從不安慰“你好”。 你能看出有什么問題嗎?
我的 HTML
<!-- PRODUCTS display and editing is handled here according USER or ADMIN-->
<div id="pageViewProducts" class="page">
<div class="lblWrapper">
<button type="button" class="btnShowPage" id="btnCreateProduct" data-showThisPage="pageCreateProduct"><i class="fa fa-plus"></i> Add Product</button>
<form id="frmSortBy">
<p>Sort by:</p>
<select id="sortProductsSelector">
<option value="oPriceLowToHigh">PRICE (LOW TO HIGH)</option>
<option value="oPriceHighToLow" >PRICE (HIGH TO LOW</option>
<option value="oOnSale" id="oOnSale" selected>ON SALE</option>
</select>
</form>
<div id="lblProductList">
<!-- Generated dynamically -->
</div>
</div>
</div>
和 JAVASCRIPT:
var optionSelector = document.getElementById("sortProductsSelector");
optionSelector.addEventListener( "onchange", function() {
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
if ( this.readyState == 4 && this.status == 200 ) {
ajProductDataFromServer = JSON.parse( this.responseText );
console.log( "Response:" + ajProductDataFromServer );
if( optionSelector.value == "oPriceLowToHigh") {
console.log ("Hello")
}
}
}
request.open( "GET", "api_sort_products.php", true );
request.send();
});
我認為該事件稱為'change'
:
optionSelector.addEventListener( "change", function() {
// ...
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.