1

2つのドロップダウンを持つ1つのフォームがあります。私が欲しいのは、最初のドロップダウンボックスを選択すると、特定のオプションが別のドロップダウンボックスに固定されることです（そのフォームではユーザーが変更することはできません）。javascriptまたはjqueryでこれを行うにはどうすればよいですか？

<select id="item_type" name="item_type" style="width:300px;" ">
                              <option value=''>-- Select --</option>
                              <option value="City">City</option>
                              <option value="Source">Source</option>
                              <option value="Follow Up">Follow Up</option>
                              <option value="Next Day">Next Day</option>                            
</select> 

<select id="item_value_type" name="item_value_type" style="width:300px;" ">
                              <option value=''>-- Select --</option>
                              <option value="value">value</option>
                              <option value="id">id</option>                            
</select>
4

4 に答える 4

0

jQueryの方法は

var valueType = $('#item_value_type')
$('#item_type').on('change', function(e) {
  valueType.val('thefixedvalue'); // sets the value
  valueType.attr('disabled', true); //disables the select
});

選択を再度有効にするには、

valueType.removeAttr('disabled');

javascriptの方法は

var valueType = document.getElementById('item_value_type');
var itemType = document.getElementById('item_type');
itemType.onchange = function(event) {
  valueType.value = 'yourFixedValue';
  valueType.setAttribute('disabled', 'disabled');
}

次のコマンドで選択を再度有効にします。

valueType.removeAttribute('disabled');
于 2012-07-04T10:02:49.630 に答える
0

あなたはこれを行うことができます：

<select id="item_type" name="item_type" style="width:300px" onchange=javascript:change(this.value)>
         <option value=''>-- Select --</option>
         <option value="City">City</option>                         
</select>

変更機能では、他の選択フィールドのドロップダウンボックスを変更できます。

于 2012-07-04T10:07:06.020 に答える
0

Jquery：

$("#target_sel").attr("disabled",true);
$("#first_sel").on("change",function(){
   $("#target_sel").val($(this).val())
})
于 2012-07-04T10:11:54.117 に答える
0

作業デモ http://jsfiddle.net/LXRqm/

API change：：http：//api.jquery.com/change/：http：//api.jquery.com/prop/ prop _ _

prop('disabled', false)アクティブ状態に設定することもできます。

これがお役に立てば幸いです。デモを自由に試してみてください。

コード

var secondSelect = $('#item_value_type');
var hulkChange = "value";

$('#item_type').change(function() {
     secondSelect.val(hulkChange); 
     secondSelect.prop('disabled', true);
});​
于 2012-07-04T10:12:53.110 に答える