小编Dej*_*avu的帖子

我有一个带有几个下拉框的表单.

如果用户从下拉菜单中选择"其他",则带有输入字段的另一个div将向下滑动.

问题是我有20多个这样的下拉框.我可以只创建一个函数来触发相关函数吗？

这是我的HTML:

<div class="container">
    <div>
        <select id="option1" name="city">
            <option value="">Please Choose</option>
            <option value="Other">Other</option>
            <option value="London">London</option>
        </select>
    </div>

    <div id="box1">
        <input type="text" name="city-other">
    </div>
</div>

<div class="container">
    <div>
        <select id="option2" name="color">
            <option value="">Please Choose</option>
            <option value="Other">Other</option>
            <option value="Red">Red</option>
        </select>
    </div>

    <div id="box2">
        <input type="text" name="color-other">
    </div>
</div>

我的jQuery代码:

$("#box1").hide();
$('#option1').on('change', function() {
    if ( this.value == 'Other')
    {
        $("#box1").slideDown("slow");
    } else {
        $("#box1").slideUp("slow");
    }
});

$("#box2").hide();
$('#option2').on('change', function() {
    if ( this.value == 'Other')
    {
        $("#box2").slideDown("slow");
    } else { …

我有3个输入字段来计算价格和折扣百分比.第一个字段是正常价格.我想要做的是:如果用户更改百分比值,将计算折扣价格(2位小数),如果用户更改折扣价格,将计算百分比.

目前我只成功计算了这个百分比:

function calculatePrice() {
    var percentage = $('input[name=\'percentage\']').val(),
        price = $('input[name=\'price\']').val(),
        calcPrice = price - ( (price/100) * percentage ),
        discountPrice = calcPrice.toFixed(2);
    $('input[name=\'discount\']').val(discountPrice);
}
function calculatePerc() {
    var discountPrice = $('input[name=\'discount]\']').val(),
        price = $('input[name=\'price\']').val(),
        calcPerc = (price/100) * (price-discountPrice),
        discountPerc = calcPerc.toFixed();
    $('input[name=\'percentage\']').val(discountPerc);
}

我的HTML:

<input type="text" name="price" value="1000">
<input type="text" name="percentage" onkeyup="calculatePrice()">
<input type="text" name="discount" onkeyup="calculatePerc()">

这是我的小提琴:https://jsfiddle.net/90bo9okg/

我试图检查一个HTML元素是否有一个类,如果是,然后使用jQuery运行一个函数.我的代码仅在元素没有多个类时才有效.我相信我需要使用这种.hasClass()方法,但我无法理解.

var pageClass = $("body").attr('class');
switch (pageClass) {
  case ("page1"):
    $('h1').html('heading1');
    break;
  case ("page2"):
     $('h1').html('heading2');
    break;
  default:
    $('h1').html('default');
}

小提琴:https: //jsfiddle.net/9o70dbzz/2/

我有OOP编程的基本技能,我正在尝试创建一个非常简单的MVC框架.奇怪的是,当我实例化应用程序并且无法找出原因时,索引方法会调用自身.

我的索引文件包含:$ app = new App();

我的引导程序看起来像这样:

class App {

   private $_controller = null;

   public function __construct() {
       $default_controller = 'controller/index.php';
       require $default_controller;
       $this->_controller = new Index();
   }
}

这是我的主要Controller类:

class Controller {

    public function loadModel($name) {
        require('models/'. strtolower($name) .'.php');

        $model = new $name;
        return $model;
    }

    public function loadView($name) {
        $view = new View($name);
        return $view;
    }
}

我的主要Model类:

class Model {

    public function __construct() {
        $this->db = new DB(DB_HOST, DB_USER, DB_PASS, DB_NAME, DB_PORT);
    }

}

这是我的索引类:

class Index …