HTML選択要素の選択されたオプションを変更して、それをクリックした場合と同じように送信

Question

私は4つのオプション要素を持つ選択肢があり、JavaScriptを使用して値を変更して、そのオプションをクリックした場合と同様に送信します。

<select name="MainContent_GVTrabajadores_length" aria-controls="MainContent_GVTrabajadores" class="form-control input-sm"> 
    <option value="10">10</option> 
    <option value="25">25</option> 
    <option value="50">50</option> 
    <option value="100">100</option> 
</select> 

は、これは私の試みですが、問題は、それは私が実際にそれをクリックした場合と同様の結果を得ていないことである（それだけで効果なしで値を変更します）：

document.getElementsByName('MainContent_GVTrabajadores_length')[0].value = '100'; 

Answer 1

することができます示すようにonchangeイベントを追加：

// function that receives the selected value in your SELECT element. 
 
function submitSelection (vlr) { 
 
    alert("You will submit '" + vlr + "' selected value."); 
 
    // Add the rest of our code for submit this value. 
 
}

<select name="MainContent_GVTrabajadores_length" aria-controls="MainContent_GVTrabajadores" class="form-control input-sm" onchange="submitSelection(this.value);"> 
 
    <option value="10">10</option> 
 
    <option value="25">25</option> 
 
    <option value="50">50</option> 
 
    <option value="100">100</option> 
 
</select>

Answer 2

これは、SELECTの値を "100"に変更し、フォームを送信します。あなたは、あなたのニーズに合わせてそれをトリガーするか、または変更するために、あるイベントに関数をアタッチする必要があります。

function submitMyForm() { 
 
    document.getElementsByName("MainContent_GVTrabajadores_length")[0].value = "100"; 
 
    document.myForm.submit(); 
 
}

<form name="myForm"> 
 
    <select name="MainContent_GVTrabajadores_length" aria-controls="MainContent_GVTrabajadores" class="form-control input-sm"> 
 
    <option value="10">10</option> 
 
    <option value="25">25</option> 
 
    <option value="50">50</option> 
 
    <option value="100">100</option> 
 
    </select> 
 
</form>