jquery show不起作用

-2

這裏找不到問題。 show()功能外onSelectChange作品不錯，裏面沒有。如果標籤未隱藏，則追加效果很好。我的代碼如下：jquery show不起作用

jQuery(document).ready(function(){ 
 
\t jQuery("#cityfrom").change(onSelectChange); 
 
}); 
 
function onSelectChange(){ 
 
\t var selected = jQuery("#cityfrom option:selected"); 
 
\t if(selected.val() != 0){ 
 
\t \t selectedfrom = selected.text(); 
 
\t \t jQuery("#hidden").show(); 
 
\t \t jQuery("#append").text(selectedfrom); 
 
\t } 
 
}

#hidden{ 
 
\t display:none; 
 
}

<label id="hidden"><input type="radio" name="start" value="xx"><span id="append"></span></label> 
 
<select id="cityfrom"> 
 
\t <option value="" disabled selected>Izvēlies citu pilsētu</option> 
 
\t <option name="pilseta" value="smiltene">Smiltene</option> 
 
\t <option name="pilseta" value="valmiera">Valmiera</option> 
 
</select>

來源

2014-10-03 slc

我想你忘記了你的代碼的一部分。您引用的「ID」不存在 – EoiFirst 2014-10-03 07:52:39

您的代碼有效。它不在示例中，因爲你不應該在javascript部分有'script'標籤，你沒有引用jQuery，並且你所指的選項不存在。爲了所有這些調整，你的代碼沒有什麼根本性的錯誤。 'option：selected'部分是多餘的。 'jQuery（'＃cityfrom'）。val（）'會做。 – 2014-10-03 07:57:04

我不認爲這篇文章值得回答，但只評論作者應該多探索一下jQuery。向下投票 – 2014-10-03 08:33:58

有2個funamental問題，您發佈的片斷

當你設置你的片斷，你（你的代碼沒有實際的問題！）沒有選擇和版本的jQuery
您包括在javascript窗格<script>標籤

jQuery(document).ready(function() { 
 
    jQuery("#cityfrom").change(onSelectChange); 
 

 
    
 
}); 
 

 
function onSelectChange() { 
 
    var selected = jQuery("#cityfrom option:selected"); 
 
    if (selected.val() != 0) { 
 
     selectedfrom = selected.text(); 
 
     jQuery("#hidden").show(); 
 
     jQuery("#append").text(selectedfrom); 
 
    } 
 
    }

#hidden { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label id="hidden"> 
 
    <input type="radio" name="start" value="xx"><span id="append"></span> 
 
</label> 
 
<select id="cityfrom"> 
 
    <option value="" disabled selected>Izvēlies citu pilsētu</option> 
 
    <option name="pilseta" value="smiltene">Smiltene</option> 
 
    <option name="pilseta" value="valmiera">Valmiera</option> 
 
</select>

來源

2014-10-03 08:08:27 Jamiec

您的最後一點不是強制性的，因爲'onSelectChange'在當前範圍中不存在，所以將檢索更高範圍中的那個。 – 2014-10-03 08:14:08

@AntoineCombes - 你是對的 - 不知道我在想什麼！ – Jamiec 2014-10-03 08:15:54

即使使用精確的代碼，也不能正常工作。 – slc 2014-10-03 08:17:51

jquery show不起作用

回答

相關問題