JavaScript擷取Select下拉框Option的Value和Text值的方法

標籤：

Js擷取select下拉式清單方塊各個Option的Value值相對比較容易，不過擷取Text值卻有點麻煩，對於一個初學JavaScript的 新手來說，可能一時還無從下手，那麼就請看下本文的方法，以一個form表單中的Select下拉框菜單為例，來說明如何用JavaScript擷取其 Value值和Text值：

樣本表單，裡面是一個select下拉式清單方塊的各個清單項目及值：

<form name="form1"><select name="testvalue"><option value="ASP">ASP</option><option value="PHP">PHP</option><option value="JSP">JSP</option></select></form>

接下來是JavaScript部分，擷取Select的各個Value值和Text值：

//擷取select下拉框Option的Value值：document.form1.testvalue.value//擷取select下拉框Option的Text值：document.form1.testvalue.options[document.form1.testvalue.selectedIndex].text

 

JavaScript擷取Select下拉框Option的Value和Text值的方法