2017-06-10 48 views
6

我正在做基于泰米尔语言的Web应用程序。在我的应用程序中,l使用动态字段添加用户详细信息。所以,动态字段有多个ID如何做到这一点或如何使用基于类的Google音译?如何做基于类的Google音译不是Id

<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    // Load the Google Transliteration API 
    google.load("elements", "1", { 
    packages: "transliteration" 
    }); 

    function onLoad() { 
    var options = { 
     sourceLanguage: 'en', 
     destinationLanguage: 'ta', 
     shortcutKey: 'ctrl+m', 
     transliterationEnabled: true 
    }; 

    // Create an instance on TransliterationControl with the required 
    var control = new google.elements.transliteration.TransliterationControl(options); 

    // Enable transliteration in the textfields with the given ids. 
    var ids = ['temrorary_address', 'permanant_address', 'bankbranch', 'member_name', 'father_husband', 'workingoffice_address', ]; 
    control.makeTransliteratable(ids); 

    // Show the transliteration control which can be used to toggle between 
    // English and Hindi and also choose other destination language. 
    control.showControl('translControl'); 
    } 
    google.setOnLoadCallback(onLoad); 
</script> 

回答

1

makeTransliteratable输入不仅可以是一个ID数组,也可以是元素引用。 所以你可以这样写:

// Enable transliteration in the textfields with the given Class. 
var elements = document.getElementsByClassName('Type-Your-Class-Here'); 
control.makeTransliteratable(elements); 

但是如果你动态地添加字段,它并不能帮助。对于动态添加的字段,每次添加新字段时都必须拨打control.makeTransliteratable