Fatal编程技术网
  • javascript/
  • Javascript 如何从下拉菜单中获取一个元素并将其与存储的变量关联，然后将该变量写入网页上的另一个位置？

Javascript 如何从下拉菜单中获取一个元素并将其与存储的变量关联，然后将该变量写入网页上的另一个位置？

javascript

Javascript 如何从下拉菜单中获取一个元素并将其与存储的变量关联，然后将该变量写入网页上的另一个位置？,javascript,javascript-events,Javascript,Javascript Events,正如问题中所说，我试图从下拉菜单中获取一个元素，并将其与存储的变量相关联，然后使用if语句将变量放在网页上的另一个位置。下面的例子有一个月的下拉列表，我想用“getElementByID”发布天数。什么是一个好的方式使这项工作？啊，我完全是个新手。。。任何帮助都将不胜感激。这是我的html/javascript，不包括CSS，无论好坏- <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <

正如问题中所说，我试图从下拉菜单中获取一个元素，并将其与存储的变量相关联，然后使用if语句将变量放在网页上的另一个位置。下面的例子有一个月的下拉列表，我想用“getElementByID”发布天数。什么是一个好的方式使这项工作？啊，我完全是个新手。。。任何帮助都将不胜感激。这是我的html/javascript，不包括CSS，无论好坏-

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
   <script language="javascript">
        function displayDaysInTheMonth()
        {
            var  thirty = document.monthForm.30
            var thirtyone = document.monthForm.31
            var twentyeight = document.monthForm.28
            if (thirty == 'true' )
            {
                document.monthForm.getElementById('a').innerHTML = "has 30 days";
                return;
            }
            else if (thirtyone == 'true' )
            {
                document.monthForm.getElementById('b').innerHTML = "has 31 days";
                return;
            }
            else if (twentyeight == 'true' )
            {
                document.monthForm.getElementById('c').innerHTML = "has 28 days";
                return;
            }

        }
  </script>  
</head>
<body>
<div class='container'>
        <h2> David Platt's</h2>
        <h2>Monthly Day Count</h2>
        <form name='monthForm'>
            <select name='months' onchange='displayDaysInTheMonth();' style='float: left; margin: 0 10px 10px 15px;'>
                <option name = '31'>January</option>
                <option name = '28'>February</option>
                <option name = '31'>March</option>
                <option name = '30'>April</option>
                <option name = '31'>May</option>
                <option name = '30'>June</option>
                <option name = '31'>July</option>
                <option name = '31'>August</option>
                <option name = '30'>September</option>
                <option name = '31'>October</option>
                <option name = '30' >November</option>
                <option name = '31'>December </option>
            </select>
            <div name='result' class='result' id = 'a' id = 'b' id = 'c' >has # days.</div>
            <div class='clear'></div>
        </form>
    </div>  
</body>
</html>


JS-Bin
函数displayDaysInTheMonth（）
{
var三十=document.monthForm.30
变量thirtyone=document.monthForm.31
var twentyweight=document.monthForm.28
如果（三十=‘真’）
{
document.monthForm.getElementById（'a'）.innerHTML=“有30天”；
返回；
}
else if（thirtyone=='true'）
{
document.monthForm.getElementById（'b'）.innerHTML=“有31天”；
返回；
}
else if（Twentyweight=='true'）
{
document.monthForm.getElementById（'c'）.innerHTML=“有28天”；
返回；
}
}
大卫·普拉特的
每月日数
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
有#天。
您可以使用：

要获取下拉列表值并将Div value设置为selected value，请执行以下操作

function displayDaysInTheMonth()
{
       var days = $('#months option:selected').val(); //gets dropdown value
       $("#a").html("has " + days + " days"); //sets div value here
}
把你的div改成

<div name='result' class='result' id = 'a'>has # days.</div>

有#天。
将下拉列表更改为

<select name='months' onchange='displayDaysInTheMonth();' 
  style='float: left; margin: 0 10px 10px 15px;'>
    <option value='31'>January</option>
    <option value='28'>February</option>
    <option value='31'>March</option>
    <option value='30'>April</option>
    <option value='31'>May</option>
    <option value='30'>June</option>
    <option value='31'>July</option>
    <option value='31'>August</option>
    <option value='30'>September</option>
    <option value='31'>October</option>
    <option value='30' >November</option>
    <option value='31'>December </option>
</select>


一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
事实上，我发现了一种只使用javascript的方法，它可以与日历日期之外的其他数字集相关联：

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
   <script language="javascript">
        function displayDaysInTheMonth()
        {
        var numberOfDays = document.monthForm.months.value;
    var element = document.getElementById('a')
    element.innerHTML= "has " + numberOfDays + " days";
        }
  </script>  
</head>
<body>
<div class='container'>
        <h2> David Platt's</h2>
        <h2>Monthly Day Count</h2>
        <form name='monthForm'>
            <select name='months' onchange='displayDaysInTheMonth();' style='float: left; margin: 0 10px 10px 15px;'>
                <option value = '31'>January</option>
                <option value = '28'>February</option>
                <option value = '31'>March</option>
                <option value= '30'>April</option>
                <option value = '31'>May</option>
                <option value = '30'>June</option>
                <option value = '31'>July</option>
                <option value = '31'>August</option>
                <option value = '30'>September</option>
                <option value = '31'>October</option>
                <option value = '30' >November</option>
                <option value = '31'>December </option>
            </select>
            <div name='result' class='result' id = 'a' id = 'b' id = 'c' >has # days.</div>
            <div class='clear'></div>
        </form>
    </div>  
</body>
</html>


JS-Bin
函数displayDaysInTheMonth（）
{
var numberOfDays=document.monthForm.monthforms.value；
var element=document.getElementById（'a'）
element.innerHTML=“has”+numberOfDays+“days”；
}
大卫·普拉特的
每月日数
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
有#天。