提交前從輸入中設置變量值

Question

首先，我以表格形式輸入此信息。

<select id="entry_14">
     <option value="Woman">Woman</option>
     <option value="Man">Man</option>
</select>

然后我聲明了這個變量。

var mygender = document.getElementById('entry_14').value;

但是，當我document.write時，它甚至在用戶進行選擇之前就已經顯示“ Man”，而在選擇了女人之后，仍然顯示了man。

每當用戶選擇其中一個選項時，如何設置此變量的值以進行更改？

Answer 1

它立即執行，因為您的代碼不在函數中。 選擇更改時需要調用此函數。 將onchange處理程序添加到您的select. 在此示例中，我將this.value它是您的選擇列表值）傳遞給函數。 最終，您可以使用該值做任何您想做的事情。

<select id="entry_14" onchange="myfunction(this.value);">
    <option value="Woman">Woman</option> 
    <option  value="Man">Man</option>
</select>

<script>
    function myfunction(val) {
        document.write(val);
    }
</script>

Answer 2

聲明一個onchange event handler 。

document.getElementById('entry_14').onchange = function(){
var mygender =  this.value;
document.write(mygender);
}

Answer 3

將onChange JS處理程序添加到<select>元素。 下面的示例顯示了執行此操作的內聯方式...

<select id="entry_14" onChange="updateMyGender();">
    ....
</select>

<script>
    var mygender = document.getElementById('entry_14').value;
    function updateMyGender()
    {
        mygender = document.getElementById('entry_14').value;
    }
</script>

Answer 4

我想你在找這個

var mygender= document.getElementById('entry_14');
var gender= mygender.options[mygender.selectedIndex].value;// for value 

var gender= mygender.options[mygender.selectedIndex].Text;//for text