実行時にinnerhtmlのプロパティを変更する

Question

私は2つの値とテキストボックスを持つドロップダウンリストを持っています。私は は - 何をしたい - 私はオプション1を選択した場合は、テキストボックスには、そのように[最大10の文字が を入力することができますする必要があります - 私はオプション2を選択した場合は、テキストボックス

ためMAXLENGTHに制限があってはならない、私はないですそれがどうやってできるか確かめてください。 innerhtmlを変更することによってかもしれないが、続行する方法を知らない！以下は私の.jspファイルのコードで、ドロップダウンとテキストボックスです。maxlength 10のテキストボックスが表示され、動的にする必要があります。これはゲッターである

$('input[name="customerID"]').attr('maxlength') 

：

<select name="filetype" id="3"> 
    <option value="null">--</option> 
    <option value="CTN" >CTN</option> 
    <option value="SLID" >SLID</option> 
</select> 

<h2>Enter the number<font color="red">*</font></h2> 
     <input type="text" name="customerID" maxlength=10 size="50" id="4"/> 
     <input type="submit" value="Submit Data" /> 

Answer 1

あなたがここにjqueryでこの質問をタグ付けするのではどのように達成するために簡単な例です。値を設定するには、2番目のパラメータを書き込む必要があります。全体の例は次のようになります。

$(document).ready(function() { 

    $('select[name="filetype"]').on('change', function(e) { 
    var val = $(this).val(); 
    if(val === "CTN") { 
     $('input[name="customerID"]').attr('maxlength', 10); //maxlength =10 
    } else if(val === "SLID") { 
     $('input[name="customerID"]').removeAttr('maxlength'); //no maxlength 
    } 
    }); 
}); 

Answer 2

このでし作品のようないくつかのjQueryの何かを：

$("h2 input").attr({maxlength: 30}); 

Answer 3

次のようにselectにonchangeイベントを書き込みます。 selected valueや条件に基づいては、へ/ textbox

$("select[name=filetype]").on('change', function() { 
 
    var val = $(this).find('option:selected').val(); 
 
    $('input[name="customerID"]').val(''); 
 
    if (val == "CTN") 
 
    $('input[name="customerID"]').attr('maxlength', 10); 
 
    else if (val == "SLID") 
 
    $('input[name="customerID"]').removeAttr('maxlength'); 
 
    else 
 
    return false; 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="filetype" id="3"> 
 
    <option value="null">--</option> 
 
    <option value="CTN">CTN</option> 
 
    <option value="SLID">SLID</option> 
 
</select> 
 

 
<h2>Enter the number<font color="red">*</font></h2> 
 
<input type="text" name="customerID" maxlength="10" size="50" id="4" /> 
 
<input type="submit" value="Submit Data" />

Answer 4

から以下のコードを試してみてくださいmaxlength属性を追加または削除しましょう。

<script> 
$(function() { 
    $('select').change(function() { 
     if ($(this).val() == "CTN") { 
      $('input:first').attr('maxlength', '10') 
     } 
     else if ($(this).val() == "SLID") { 
      $('input:first').attr('maxlength', '') 
     } 
    }); 
}); 
</script> 
<select name="filetype" id="3"> 
    <option value="null">--</option> 
    <option value="CTN">CTN</option> 
    <option value="SLID">SLID</option> 
</select> 

<h2>Enter the number<font color="red">*</font></h2> 
<input type="text" name="customerID" maxlength="10" size="50" id="4" /> 
<input type="submit" value="Submit Data" />