douhai5835 2015-09-21 10:00
浏览 40

使用jquery hide / show删除html

In the option (HTML) menu added "Other". if the article isn't listed returns a another input using jquery, but it does not send the $_POST only for and work for

VAR_DUMP POST ::

["link"]=> string(0) "" 

CODE (MVC - CODEIGNITER) ::

    <div class="form-group">  
      <label class="col-md-4 control-label" for="assign_article">Assign Article to Menu</label>
      <div class="col-md-4">
        <select name="link" class="form-control">
      <?php 
           foreach($get_data as $ShowMenu) { ?>
               <option value="<?php echo $ShowMenu['id']; ?>"><?php  echo $ShowMenu['title']; ?></option>

        <?php } ?>
        <option value="parent">Other</option>
        </select>
      </div>
          </div>
  <!-- Text input-->
    <div id="parentPermission" class="form-group">
      <label class="col-md-4 control-label" for="menu_name">Other:</label>
      <div id="parentPermission" class="col-md-4">
        <input id="parentPermission" name="link" type="text" placeholder="menu name" class="form-control input-md">
        </div>
    </div>
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">    </script>
<script>
    $(document).ready(function () {
        toggleFields(); //call this first so we start out with the correct visibility depending on the selected form values
        //this will call our toggleFields function every time the selection value of our underAge field changes

    $("#link").change(function () {
        toggleFields();
    });
});

//this toggles the visibility of our parent permission fields depending on the current selected value of the underAge field

function toggleFields() {

    if ($("#link").val() == 'parent')

        $("#parentPermission").show();
    else
        $("#parentPermission").hide();
} 
</script>
    <!-- Select Basic -->
    <div class="form-group">
      <label class="col-md-4 control-label" for="assign_article">Add as</label>
      <div class="col-md-4">
        <select id="status" name="status" class="form-control">
          <option value="1">Parent</option>
          <option value="0">Child</option>
        </select>
      </div>
    </div>

HTML RENDERED ::

<div class="form-group">
      <label class="col-md-4 control-label" for="assign_article">Assign Article to Menu</label>
      <div class="col-md-4">
          <select name="link" id="link" class="form-control">
              <option value="89">page title</option>
              <option value="parent">Other</option>
          </select>
      </div>
    </div>
  <!-- Text input-->

    <div id="parentPermission" class="form-group">
      <label class="col-md-4 control-label" for="menu_name">Other:</label>
      <div id="parentPermission" class="col-md-4">
        <input id="parentPermission" name="link2" type="text" placeholder="menu name" class="form-control input-md">
        </div>
    </div>
  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
    • ¥15 解riccati方程组
    • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
    • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
    • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
    • ¥50 树莓派安卓APK系统签名
    • ¥65 汇编语言除法溢出问题
    • ¥15 Visual Studio问题
    • ¥20 求一个html代码,有偿
    • ¥100 关于使用MATLAB中copularnd函数的问题