2014-10-24 2 views
1

Я получил Html, как показано нижеКак получить значение выбора тега настоящее под DIV

<div class="cascade" id="T1"> 
    <div class="row-fluid"> 
     <div class="col9 pull-left"> 
     <select class="m-wrap" tabindex="1" style="width:100%;"> 
      <option class="placeholder" selected="" disabled="">Select T1</option> 
      <option value="Ice Creams">Ice Creams</option> 
      <option value="Popcorn">Popcorn</option> 
     </select> 
     </div> 
     <div class="col1 pull-left"><a href="#" class="btn mini green" style="margin-left:10px;"><i class="icon-plus"></i></a><a href="#" class="btn mini black"><i class="icon-trash"></i></a></div> 
     <div class="row-fluid"> 
     <div class="col9 pull-left"></div> 
     </div> 
    </div> 
</div> 

Я попытался таким образом, но я получаю нулевой

var T1 = $('#T1').find(".m-wrap").val(); 

alert(T1); 

может кто-нибудь пожалуйста, помогите мне

+1

у вас есть он отключен, поэтому вы не получите его значение –

ответ

2

Вы получаете null причины текущего selected устанавливаются в <option>, что на самом делеdisabled.

Использование :selected мета

var T1 = $('#T1').find(".m-wrap option:selected").val(); 

Fiddle Example

0

вы должны удалить отключенный атрибут (отключено = "") и его работа

<option class="placeholder" selected="">Select T1</option> 

ИЛИ если вы хотите сохранить отключенный атрибут, вы должны вызвать выбранный вариант, например,

var T1 = $('#T1').find(".m-wrap option:selected").val(); 
0

<html> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
    <script type="text/javascript"> 
 
     function getSelectedValue(){ 
 
     var T1 = $('#T1').find(".m-wrap").val(); 
 
     alert(T1); 
 
     } 
 
    </script> 
 
    </head> 
 
    <body> 
 
     <div class="cascade" id="T1"> 
 
     <div class="row-fluid"> 
 
      <div class="col9 pull-left"> 
 
       <select class="m-wrap" tabindex="1" style="width:100%;" onclick="getSelectedValue()"> 
 
        <option class="placeholder" selected="" disabled="">Select T1</option> 
 
        <option value="Ice Creams">Ice Creams</option> 
 
        <option value="Popcorn">Popcorn</option> 
 
       </select> 
 
      </div> 
 
      <div class="col1 pull-left"><a href="#" class="btn mini green" style="margin-left:10px;"><i class="icon-plus"></i></a><a href="#" class="btn mini black"><i class="icon-trash"></i></a></div> 
 
      <div class="row-fluid"> 
 
       <div class="col9 pull-left"></div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </body> 
 
<html>

пожалуйста, попробуйте это. Благодарю.

+0

Вы должны объяснить, что вы изменили – baao

Смежные вопросы