Question

请帮帮我！

这是我的Jquery代码：

function showhide() {
    var merchanttype = jQuery("#merchant_type").val();
    var status = true;
    if (merchanttype == "DM" || "SM") {
        jQuery("#parent_merchant_id").show();
        status = false;
    } else if (status == true) {
        jQuery("#parent_merchant_id").hide();
    }
}

html代码：

<tr>
    <td class="label-right">Merchant Type<span class="red">*</span></td>
    <td><select  id="merchant_type" name="merchant_type" class="frm-select" onchange="showhide()">
        <option value="MM">Master Merchant </option>
        <option value="MPM">Market Place Merchant</option>
        <option value="DM">Distributor Merchant</option>
        <option value="SM">Supplier Merchant</option>

        </select></td>
</tr>
<tr>
    <td class="label-right">Parent Id <span class="red">*</span></td>
    <!-- td><input name="parent_merchant_id" type="text"  maxlength="40" value="" class="frm-field" /> <br /> </td-->
    <td>
        <select id="parent_merchant_id" name="parent_merchant_id" class="frm-select">
        </select>
    </td>                     
</tr>

当商家类型为MM或MPM显示DM和MPM的相同字段时，我想隐藏父ID

Answer 1

您可以使用.toggle()且条件错误 - 您只检查DM未检查SM值

function showhide() {
    var merchanttype = jQuery("#merchant_type").val();
    jQuery("#parent_merchant_id").toggle(merchanttype == "DM" || merchanttype == "MPM");
}

Answer 2

更改您的代码

function showhide() {
var merchanttype = jQuery("#merchant_type").val();
var status = true;
if (merchanttype == "DM" || merchanttype == "SM") {
    jQuery("#parent_merchant_id").show();
    status = false;
} else if (status == true) {
    jQuery("#parent_merchant_id").hide();
}

}

Answer 3

我认为您没有以可以回答的形式陈述问题。你能提供更多的HTML并清理你的问题吗？最好在html部分的任何地方看到id'commantnt_type'，以了解它是什么元素类型（我想这是一个复选框？）。
另请说明您所看到的情况或您看到的错误。

Answer 4

有几种方法可以做到这一点，但希望这对你有用

See It in action

$(document).ready(function(){
    $('#merchant_type').change(function(){
       var v= $("#merchant_type option:selected")[0].value;
        if(v==='MPM'|| v==='MM'){
          $('#dependant').hide();
        }else{
          $('#dependant').show();
        }
    }); 
});

其中<tr id="dependant">

jQuery隐藏或显示基于我下拉选择下拉4选项

4 个答案: