0

我有我的选择框：

 <select name="in_slider" id="in_slider">
     <option value="1">Yes</option>
     <option value="0" selected="selected">No</option>
 </select>

如您所见，其中有两个，其中一个已被选中（需要默认为此选择，以便在传递到数据库时正确处理）

下面我有另一个选择和选项，完全相同的代码只是名称和 ID 不同。

当用户单击第一个选择选项并将值更改为 Yes(1) 我需要第二个选择来隐藏()

我努力了：

$(document).ready(function() {
    var selectedoption = $('#in_slider').val();
    var valueistrue = "1";

    if (selectedoption == valueistrue) {
        $('#selectboxtwo').hide();  
    }
});

但无济于事。:(

因为已经选择了一个值，所以它会在页面加载时运行，我不能让这种情况发生，因为最初第二个选择需要可见。

JsFiddle = http://jsfiddle.net/WwnbG/

4

6 回答 6

1

请看小提琴 

$(document).ready(function() {


    $( "#in_slider").change(function() {

    var selectedoption = $('#in_slider').val();

    var valueistrue = "1";

    if (selectedoption == valueistrue) {
        $('#in_stock').hide();

    }
});



});
于 2013-09-03T10:52:49.957 回答
1

您需要调用change第一个选择选项的函数，然后在其中编写代码。

$('#in_slider').change(function () {
   var selectedoption = $('#in_slider option:selected').val();
   var valueistrue = "1";

   if (selectedoption == valueistrue) {
      $('#selectboxtwo').hide();
   }
});

JS Fiddle Example

Your Fiddle Example

于 2013-09-03T10:33:24.313 回答
1

尝试

  var selected = $('#in_slider option:selected');
于 2013-09-03T10:33:54.147 回答
0 
$('#in_slider option:selected').text()
于 2013-09-03T10:33:14.657 回答
0 
$(document).ready(function() {
    var selectedoption = $('#in_slider :selected').val();
    var valueistrue = $('<checkbox name> :checked').val(); ex: $('input[name=check] :checked').val()

    if (selectedoption == valueistrue) {
       $('#in_slider option[value=0]').hide();
    }
});

您的查询：“我需要第二个选择来隐藏（）”。你的意思是第二个选择选项应该被禁用/隐藏？

于 2013-09-03T10:36:34.327 回答
0

要获取选定的值：

var selected_value = $("#in_slider option:selected").val();

或获取选择的文本：

var selected_text = $("#in_slider option:selected").text();

我已经编辑了你的 JSFiddle：

http://jsfiddle.net/WwnbG/13/

<div class="section-price-ch-third">
    <p>Display in slider?</p>
    <select name="in_slider" id="in_slider">
        <option value="1">Yes</option>
        <option value="0" selected="selected">No</option>
    </select>
</div>

<div class="section-price-ch-third">
    <p>In Stock?</p>
    <select name="in_stock" id="in_stock">
        <option value="1">Yes</option>
        <option value="0">No</option>
    </select>
</div>

<script type="text/javascript">
$("#in_slider").change(function(){

    var selectedoption = $("#in_slider option:selected").val();
    var valueistrue = "1";

    if (selectedoption == valueistrue) {
        $('#in_stock').hide();
    }else{
        $('#in_stock').show();
    }

});
</script>
于 2013-09-03T10:35:05.973 回答