显示选择的选项

Question

我有一个下拉列表。 用户选择一种语言后，会将所选的语言发送到服务器。 我想在选定的选项按钮上显示选定的值。

例如，用户选择一个“ de”，希望在表格上显示“ de”，而不是“ en”。

我怎样才能做到这一点？ 谢谢

<form name="languages" method="post"> 
    <select name="langSelect" onchange=""> 
       <option>en (default)</option> 
       {% for ele in comments.languages.all %} 
           <option>{{ele.lang}}</option> 
       {% endfor %} 
    </select> 
    <div><a  onclick="submitform()">Submit</a></div> 
</form> 

Answer 1

选择框的值将包含选定的选项值。

var selectedValue = document.getElementById("langSelect").value

Answer 2

首先，为什么您的按钮不是“提交”按钮？ 如果提交表单，则应使用<input type="submit">Submit</input>

如果使用jQuery，则可以说：

var selectedVal = $("#langSelect").val();
$("#languages submit").val(selectedVal);

我将其放在一个声明中，但是为了清楚起见，这样做是这样的。

另一件事，您应该同时使用id属性/而不是仅使用Name。

Answer 3

最好使用jQuery来实现这一点，IE可能会出现一些问题（一如既往）： http : //www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/

在jQuery中输入

$('[id=langSelect]').val(); 

获得价值和

val('myValue')

进行设置。 所以你可以用

$('[id=selectedOptionButton]').val($('[id=langSelect]').val());