Question

我在我的应用程序中使用jQuery Mobile。我想根据选择值显示一些表单字段。这是我的jQuery代码

$( document ).bind( "pageinit", function( event, data ) {
$("#marrystatus").css("display","none");


    $("#marital_status").click(function(){
    if ($('#marital_status option:selected').val() == "Married" ) {
        $("#marrystatus").slideDown("fast"); //Slide Down Effect

    } else {
        $("#marrystatus").slideUp("fast");  //Slide Up Effect

    }
 });

}）;

这是我的HTML代码

    <li id="marrystatus" data-role="fieldcontain" > 

    <label for="marriedto"></label> 
    <input type="text" name="marriedto" id="marriedto" 
placeholder="Married To" /> 

    <label for="marryanidate"></label> 
    <input type="text" name="marryanidate" id="marryanidate" 
placeholder="Marrige Anniversary Date (DD/MM/YYYY)" /> 
  </li>

该代码在Windows 7上的Google Chrome等普通浏览器中运行良好，但在我的Android上，它无效。他们有什么问题吗？

基于jQuery Mobile中的选择值加载表单元素？

0 个答案: