【问题标题】:Change value of variable from selected form options (Javascript)从选定的表单选项更改变量的值(Javascript)
【发布时间】:2016-04-17 06:25:27
【问题描述】:

我该怎么做 - 如果选项值 =“1”architect =“Bill”,var bigBoss =“Steve”,var Engineer =“Mike”;如果选项值 = 2,架构师 = “玛丽”,var bigBoss = “泰德”,var 工程师 = “鲍里斯”。在表格之后,我有 3 个变量 bigBoss、建筑师和工程师 =“1”、“2”、“3”。我想重写它,我不能重写它。它不重写。 bigBoss 只想做一个“1”

<form> 
<select name = "organizations" id="organizations" style="text-transform: uppercase; width: 312px;"> 
<option> «organization1»</option> 
<option> «organization2»</option> 
<option> «organization3»</option> 
</select> 
</form> 

<script> 

function getOrganizationName () { 
var x = document.getElementById("organizations"); 
var y = x.options[x.selectedIndex].text; 

document.getElementById("organizationName").innerHTML = y; 

getAttr(); 

}

</script> 

<script> 

function getAttr() { 

var bigBoss = "1" ; 
var architect = "2";
var engineer = "3";

}

【问题讨论】:

标签: javascript select option


【解决方案1】:

试试这个!

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script>
    function onOrganizationSelectionChange(selectInput) {
      console.log(selectInput.value);
    }
  </script>
</head>
<body>
<form> 
<select onchange="javascript:onOrganizationSelectionChange(this)" name = "organizations" id="organizations" style="text-transform: uppercase; width: 312px;"> 
<option value="Bob"> «organization1»</option> 
<option value="Max"> «organization2»</option> 
<option value="Ted"> «organization3»</option> 
</select> 
</form>
</body>
</html>

【讨论】:

  • 感谢用户 1461064,但我有 3 个变量:bigBoss、工程师、建筑师。我编写了一个用于创建文档的代码。如果我选择组织 1 - bigBoss 名称是 1,架构师名称是 2,工程师是 3。请帮忙。我想有人可以帮我写一个我在开始问题时给出的代码的答案。
  • 抱歉问题不清楚!但是jsbin.com/fucibafihe/edit?html,console,output 看看这是否有帮助!
  • jsbin.com/walekasiru/edit?html,console,output 。如果我将“组织 1”bigBoss 桅杆作为字符串,如“Mike”、architect="Lola" 工程师 =“Barak”,如果“组织 2”则 bigBoss=“Mike2”、architect="Lola2" 和工程师 = “巴拉克2”。如果我选择组织,我会在文档末尾和菜单中创建一个表格,表格中必须显示组织的管理。请参阅示例。
  • 对于文档工作需要组织并按下“添加到文档”按钮
猜你喜欢
  • 2015-11-16
  • 2021-10-10
  • 1970-01-01
  • 2016-03-31
  • 2020-07-02
  • 2017-08-23
  • 2017-07-15
  • 2018-03-24
  • 2015-05-24
相关资源
最近更新 更多