【问题标题】:selected value from select box in javascript从javascript中的选择框中选择的值
【发布时间】:2011-10-19 06:15:53
【问题描述】:

我想使用 javascript 获取选择框的值,我有以下代码。

html部分

<select name="marked" id="marked" onchange="checkdata(this); ">
        <option value="">SELECT</option>
        <option value="all">ALL</option>
        <option value="none">NONE</option>
        <option value="read">READ</option>
        <option value="unread">UNREAD</option>
        </select>

脚本

<script type="text/javascript">
         function checkdata()
         {
             for(var i=0; i < document.myform.message.length; i++)
             {
                 document.myform.message[i].checked=true;
             }
         }
    </script>

我试过代码

var all = document.myform.marked.options[document.myform.selectedIndex].value;
             alert(all);

没有警报来了

我也试过了

 var all= document.getElementById('marked').value;
             alert(all);

警报即将到来,但“1”中每个选择的值

【问题讨论】:

  • 您是否需要选择框中存在所有选项值?
  • 如果您得到答案,别忘了将答案标记为已接受

标签: javascript html


【解决方案1】:

您错过了“.marked”:

var all = document.myform.marked.options[document.myform.marked.selectedIndex].value;
alert(all);

【讨论】:

    【解决方案2】:
    var e = document.getElementById("ctl00_cphContent_ddlVoteType");
                var strOption = e.options[e.selectedIndex].value;
    

    对我来说工作得很好。请检查

    【讨论】:

      【解决方案3】:

      试试

      <form method="POST" name="me">
          <select size="1" name="D1"  onChange="checkData()">
          <option value="99">Default</option>    
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          </select><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
      </form>
      
      
       <script Language="JavaScript"><!--
      function checkData()
          {
      
          var myTest  = 
           me.D1.options[me.D1.options.selectedIndex].value;
      
          ///or me.D1.options[me.D1.selectedIndex].value
           alert(myTest);
           }
      </script>
      

      【讨论】:

        【解决方案4】:

        以下代码对我有用

        Java 脚本:

            function checkdata()
            {
                alert(document.getElementById('marked').value);
        
            }   
        

        HTML:

                <select name="marked" id="marked" onchange="checkdata(this);">
                <option value="">SELECT</option>
                <option value="all">ALL</option>
                <option value="none">NONE</option>
                <option value="read">READ</option>
                <option value="unread">UNREAD</option>
            </select>
        

        【讨论】:

          【解决方案5】:

          获取所选值 onchange

          <script Language="JavaScript">
           function checkdata(marked){
          
           var marked_value =  marked.value; // store the selected value marked_value 
          
            alert(marked_value); // do further processing with "marked_value" if needed
          
          
          
          }
          </script>
          

          对于选项选择您不使用“选中”,即用于单选和复选框

          【讨论】:

          • @gargi 我很抱歉不知道你的意思?
          猜你喜欢
          • 2018-01-13
          • 1970-01-01
          • 2020-12-29
          • 1970-01-01
          • 1970-01-01
          • 2018-09-19
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多