我想将选定的值推入选择/选项下拉列表中

发布于 2024-09-26 11:42:51 字数 882 浏览 4 评论 0原文

我想仅使用 JavaScript 在选择/选项下拉列表中选择一个值。

已修订 抱歉造成混乱。这是修改后的代码。

document.getElementById("sel_activity").value = activity;

这也可以,但有点长..

<select id='sel_activity'>
<option value='CYC'>Cycle Count</option>
<option value='INV'>Inventory Count</option>
<option value='INVDROP'>Inventory Drop off</option>
<option value='INVPICK'>Inventory Pick up</option>
<option value='TRAIN'>Training</option>
</select>

<script type="text/javascript">

var select = 'CYC';
var myselect=document.getElementById("sel_activity")
for (var i=0; i<myselect.options.length; i++){
 if (myselect.options[i].value == select)
 {
    myselect.options[i].selected = true;
 }
 else
 {
    myselect.options[i].selected = false;
 } 
} 
</script>

I want to select a value in a select/option dropdown using javascript only.

Revised
sorry for confusion. Here is revised code.

document.getElementById("sel_activity").value = activity;

This will also work, but is a bit longer..

<select id='sel_activity'>
<option value='CYC'>Cycle Count</option>
<option value='INV'>Inventory Count</option>
<option value='INVDROP'>Inventory Drop off</option>
<option value='INVPICK'>Inventory Pick up</option>
<option value='TRAIN'>Training</option>
</select>

<script type="text/javascript">

var select = 'CYC';
var myselect=document.getElementById("sel_activity")
for (var i=0; i<myselect.options.length; i++){
 if (myselect.options[i].value == select)
 {
    myselect.options[i].selected = true;
 }
 else
 {
    myselect.options[i].selected = false;
 } 
} 
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

左岸枫 2024-10-03 11:42:51
var myselect=document.getElementById("sel_activity")
myselect.options[myselect.options.length]=new Option("text","value");

http://devedge-temp.mozilla.org /library/manuals/2000/javascript/1.3/reference/option.html

var myselect=document.getElementById("sel_activity")
myselect.options[myselect.options.length]=new Option("text","value");

http://devedge-temp.mozilla.org/library/manuals/2000/javascript/1.3/reference/option.html

最偏执的依靠 2024-10-03 11:42:51

使用 jQuery

$("#sel_activity").val("CYC")

jQuery 是一个轻量级的 JavaScript 库,它在 DOm 遍历、事件处理和 ajax 交互方面非常有帮助。

http://jquery.com/

将 jQuery 添加到页面非常简单,只需在 head 部分添加一行代码即可包含 jQuery 库

<head>
  <script type="text/javascript" src="h ttp://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

using jQuery

$("#sel_activity").val("CYC")

jQuery is a lightweight javasscript library which is very helpful in DOm traveral,event handling and ajax intearactions.

http://jquery.com/

Adding jQuery to your page is simple as adding one line of code in the head section to include the jQuery library

<head>
  <script type="text/javascript" src="h ttp://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文