Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅当从列表中选择了一个特定选项时,才显示相关内容_Javascript_Jquery_Knockout.js - Fatal编程技术网

Javascript 仅当从列表中选择了一个特定选项时,才显示相关内容

Javascript 仅当从列表中选择了一个特定选项时,才显示相关内容,javascript,jquery,knockout.js,Javascript,Jquery,Knockout.js,现在,如果我选择列表中的任何选项,它将显示一个输入字段,但我想更改它,使其仅在选择“其他”时显示输入字段 我该怎么做 $(文档).ready(函数(){ var viewModel=函数(){ var self=这个; self.actions_new_location=[“工作室”、“保护工作室”、“画廊”、“其他”]; self.actions\u new\u location\u selected=ko.observable(); }; 应用绑定(新的viewModel()); });

现在,如果我选择列表中的任何选项,它将显示一个输入字段,但我想更改它,使其仅在选择“其他”时显示输入字段

我该怎么做

$(文档).ready(函数(){
var viewModel=函数(){
var self=这个;
self.actions_new_location=[“工作室”、“保护工作室”、“画廊”、“其他”];
self.actions\u new\u location\u selected=ko.observable();
};
应用绑定(新的viewModel());
});

  • 摄影地点
  • 请描述
  • 只需在绑定的可见性检查中进行检查:

    <li class="row" data-bind="visible: actions_new_location_selected() === 'Other'">
      <div class="col-3 col-offset-3">
        <label>Please describe
          <input type="text" data-bind="" />
        </label>
      </div>
    </li>
    
  • 请描述

  • 只需在绑定的可见性检查中进行检查:

    <li class="row" data-bind="visible: actions_new_location_selected() === 'Other'">
      <div class="col-3 col-offset-3">
        <label>Please describe
          <input type="text" data-bind="" />
        </label>
      </div>
    </li>
    
  • 请描述

  • 只需在绑定的可见性检查中进行检查:

    <li class="row" data-bind="visible: actions_new_location_selected() === 'Other'">
      <div class="col-3 col-offset-3">
        <label>Please describe
          <input type="text" data-bind="" />
        </label>
      </div>
    </li>
    
  • 请描述

  • 只需在绑定的可见性检查中进行检查:

    <li class="row" data-bind="visible: actions_new_location_selected() === 'Other'">
      <div class="col-3 col-offset-3">
        <label>Please describe
          <input type="text" data-bind="" />
        </label>
      </div>
    </li>
    
  • 请描述

  • 使其成为可计算的可观察对象,这将更易于单元测试和重用

    $(文档).ready(函数(){
    var viewModel=函数(){
    var self=这个;
    self.actions_new_location=[“工作室”、“保护工作室”、“画廊”、“其他”];
    self.actions\u new\u location\u selected=ko.observable();
    self.actions\u other\u selected=ko.computed(函数(){
    返回self.actions\u new\u location\u selected();
    });
    };
    应用绑定(新的viewModel());
    });
    
    
    
  • 摄影地点
  • 请描述
  • 使其成为可计算的可观察对象,这将更易于单元测试和重用

    $(文档).ready(函数(){
    var viewModel=函数(){
    var self=这个;
    self.actions_new_location=[“工作室”、“保护工作室”、“画廊”、“其他”];
    self.actions\u new\u location\u selected=ko.observable();
    self.actions\u other\u selected=ko.computed(函数(){
    返回self.actions\u new\u location\u selected();
    });
    };
    应用绑定(新的viewModel());
    });
    
    
    
  • 摄影地点
  • 请描述
  • 使其成为可计算的可观察对象,这将更易于单元测试和重用

    $(文档).ready(函数(){
    var viewModel=函数(){
    var self=这个;
    self.actions_new_location=[“工作室”、“保护工作室”、“画廊”、“其他”];
    self.actions\u new\u location\u selected=ko.observable();
    self.actions\u other\u selected=ko.computed(函数(){
    返回self.actions\u new\u location\u selected();
    });
    };
    应用绑定(新的viewModel());
    });
    
    
    
  • 摄影地点
  • 请描述
  • 使其成为可计算的可观察对象,这将更易于单元测试和重用

    $(文档).ready(函数(){
    var viewModel=函数(){
    var self=这个;
    self.actions_new_location=[“工作室”、“保护工作室”、“画廊”、“其他”];
    self.actions\u new\u location\u selected=ko.observable();
    self.actions\u other\u selected=ko.computed(函数(){
    返回self.actions\u new\u location\u selected();
    });
    };
    应用绑定(新的viewModel());
    });
    
    
    
  • 摄影地点
  • 请描述
  • 嗯,那很简单!多谢了,那很容易!多谢了,那很容易!多谢了,那很容易!非常感谢
    actions\u new\u location\u selected
    是保存选择的变量,您必须添加一个新的computed来检查它
    actions\u new\u location\u selected
    是保存选择的变量,您必须添加一个检查它的新计算值
    actions\u new\u location\u selected
    是保存选择的变量,您必须添加一个检查它的新计算值
    actions\u new\u location\u selected
    是保存选择的变量,您必须添加一个检查它的新计算值