文章/答案/技术大牛

发布

社区首页 >问答首页 >无法显示div并动态设置div的内容

问无法显示div并动态设置div的内容
EN

Stack Overflow用户

提问于 2013-07-10 03:15:09

回答 1查看 120关注 0票数 0

我在这里遇到了一个问题。在页面加载时，我想隐藏div面板。一旦用户选择了值，我希望在div中显示获取的价格。

这是我的程序。

我被两个问题打动了

**I am unable to show the div once user selects an Option。

I am unable to set the value inside the div .**

<html>
<head>
<title>Online Book Store</title>
<script>
function displayResult(selTag)
{
var x=selTag.options[selTag.selectedIndex].value;
mydiv = document.getElementById("panel");
mydiv.style.visibility = "block"; //to show it
document.getElementById("field_name").innerHTML = x;
}


function hideDiv()
{
    mydiv = document.getElementById("panel");
    mydiv.style.display = "none"; //to hide it  
}
</script>
</head>
<Body Bgcolor = "wheat" onload="hideDiv()">
<center>
<h2> welcome to online shopping</h2>
<form Action = "./onlinebookstore">
select Book
 <select name = "book" onchange="displayResult(this)">
 <option></option>
 <option value=  111>C programming language</option>
 <option value = 112>Java programming language</option>
 <option value = 112>Network analysis</option>
 <option value = 114>Advaced computer Networks</option> 
 <option value =115>Programming analysis</option>
 <option value = 116>Advanced data strctures</option>
 <option value = 117>Advanced java and web technologies</option>
 <option value = 118>Electronic devices</option>
 <option value = 119>Computer Graphics</option>
 <option value = 120>Microprocessors</option>
 <option value = 121>Oracle</option>
 </select>
 <br><br>
  quantity <Input type = "text" name = "Quantity">
 <br><br>
 
  <br><br>
 <div id="panel">
 Price <div id="field_name">TEXT GOES HERE</div>
</div>
 <br><br>
 
 <input type = "submit" name = "s" value = "ADDItem">
 <input type = "submit" name = "s" value = "Removeitem">
 <input type = "submit" name = "s" value = "showitems">
 <input type = "submit" value = "Logout" name = "s">
 </form>
</center>
</Body>
</html>

有人能帮帮我吗？

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-07-10 03:18:28

您正在混合和匹配可见性和隐藏。

更改：

mydiv.style.visibility = "block"; // This value is invalid.

至

mydiv.style.display= "block";

如果通过调用display:none来隐藏元素，则可见性对其没有影响(即使可见性属性值是正确的)

在element.

Revisit你的选项值之后，调用hide()中的window.onload或end of the body，它们里面有空格(至少在小提琴中是这样)。

你可以使用.value直接访问选择值，也就是.value

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17556357

复制

相似问题

问无法显示div并动态设置div的内容
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法显示div并动态设置div的内容EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法显示div并动态设置div的内容
EN