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());

显示所选选项

3 个答案: