數據庫返回值時運行腳本

Question

我有一個下拉菜單，當值更改時運行腳本。但是現在我想從數據庫中返回選定的值，並在所選值爲2時運行腳本。

這裏是我的下拉：

<div class="col-md-9 col-sm-9 col-xs-12"> 
    <select class="form-control select2" id="status" name="status" style="width: 100%;"> 
    <option <?php echo ($row["status"] == "1") ? 'selected="selected"' : '';?> value="1">One</option> 
    <option <?php echo ($row["status"] == "2") ? 'selected="selected"' : '';?> value="2">Two</option> 
    </select> 
</div> 

輸出的結果應該在這裏部署：

<p id="output1"></p> 

這是平變化運行腳本：

<script type="text/javascript"> 
    var dataEl = document.querySelector('#status'), 
    outputEl = document.querySelector('#output1'); 

    dataEl.onchange = function() { 
    if (dataEl.value === "1") { 
     outputEl.innerHTML = ' '; 
    } else if (dataEl.value === "2") { 
     outputEl.innerHTML = '<div>(script)</div>'; 
    } 
    }; 
</script> 

我想保留onchange腳本。但是我也想在從數據庫返回值= 2的時候運行這個腳本。我嘗試了不同的腳本，例如添加dataEl.onLoad腳本，但是也沒有顯示值爲2的腳本。

有人知道我該怎麼做嗎？

Answer 1

要獲得選擇選項的選定值，您需要使用selectedIndex。

var e = document.getElementById("status"); 
var sel = e.options[e.selectedIndex].value; 

主要實施例：https://jsfiddle.net/z1wyz62s/

完成例如通過@約翰：https://jsfiddle.net/z1wyz62s/3/

Answer 2

你爲什麼不叫它呢？

dataEl.onchange = function() { 
    if (dataEl.value === "1") { 
    outputEl.innerHTML = ' '; 
    } else if (dataEl.value === "2") { 
    var result = your_script(); 
    outputEl.innerHTML = '<div>'+result+'</div>'; 
    } 
};