jquery怎样给select框选中赋值

Posted 2023-04-13

参考技术A $("#select标签的属性").val(option的value值); 参考技术B $('select').append('<option>追加一个值</option>');

怎样用js取得select下拉列表框内选中的option的value值呢

<select id="myselect">
<option
value="fist">1</option>
<option
value="second">2</option>
<option
value="third">3</option>
</select>
不用select的onchange事件，直接取到已近选中的那个值

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = document.getElementById(select_id).value;

并且，通过操作select下的option也可以得到被选项的value值，方法为：

var sel = document.getElementById(select_id);
var selected_val = sel.options[sel.selectedIndex].value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(this.value)">
<option value="0">options-0</option>
<option value="1">options-1</option>
<option value="2">options-2</option>
</select>

2、效果演示

参考技术A

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = document.getElementById(select_id).value;

并且，通过操作select下的option也可以得到被选项的value值，方法为：

var sel = document.getElementById(select_id);

var selected_val = sel.options[sel.selectedIndex].value;

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

参考技术B document.getElementById("myselect").value追问

取不到哦，必须用onchange事件或onclick事件才可以，我想在js中直接得到下拉框内已经选中的那个值得value

追答<script type="text/javascript">
function getSltValue() 
    alert(document.getElementById("myselect").value);

</script>

<select id="myselect">
<option value="fist">1</option>
<option value="second">2</option>
<option value="third">3</option>
</select>
<input type="button" value="value" onclick="getSltValue()"/>

测试正常，还是说你想要的是 1、2、3？

本回答被提问者采纳