javascript - 使用 JavaScript 更改选择标签值-6ren

javascript - 使用 JavaScript 更改选择标签值

转载作者：行者123 更新时间：2023-11-28 02:04:11

25

4

我正在尝试使用 JavaScript 更改选择标记的值。假设我有这个文本框，如果该文本框为空，则不会进行任何更改，并且选择标记选项的值将保持原样。但是，如果该文本框已填充，那么除了选择标签选项中的值之外，我还必须分配不同的值。

这就是我正在尝试做的事情:

HTML:

<input type="text" id="txtTest" />
<select name="rdoSelect" id="rdoSelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

JavaScript:

if (document.getElementById('txtTest').value===null)
{
    document.getElementById('rdoSelect').value;
}
else
{
    document.getElementById('rdoSelect').value = "option 3";
}

我无法让它发挥作用。我尝试将其指向一个元素/变量而不是一个值，但它仍然不起作用:

var test = document.getElementById('rdoSelect');
test.value = "option 3";

我需要帮助，谢谢。谢谢!

最佳答案

尝试使用 SelectIndex 方法。请引用下面的代码。

我添加了 OnChange 事件来输入文本来测试此示例。

<html>
<head>
<script language="javascript">

    function test()
    {   
        if (document.getElementById('txtTest').value=='')
        {
            document.getElementById("rdoSelect").selectedIndex = 0;
        }
        else
        {
            document.getElementById("rdoSelect").selectedIndex = 1;
        }
    }

</script>
</head>
<body>
<input type="text" id="txtTest" onchange="test();" />
<select name="rdoSelect" id="rdoSelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>
</body>
</html>

关于javascript - 使用 JavaScript 更改选择标签值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18016643/

25

4

0

文章推荐： javascript - 为什么这个函数被 linter 认为是构造函数？

文章推荐： javascript - Threejs 使用顶点自定义 3D 几何

文章推荐： javascript - HTML/js 局域网游戏

首页

博学

6Ren·AI

商城

javascript - 使用 JavaScript 更改选择标签值

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

javascript - 使用 JavaScript 更改选择标签值

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内