jQuery UI对话框动态设置输入框的文本

时间:2013-03-04 21:15:06

标签: jquery jquery-ui jquery-ui-dialog

我试过搞清楚这一点,但仍然有些麻烦。

我想从脚本内部以对话框形式设置输入框的文本(例如名称),因为文本将在运行时确定。我不知道它在设计时。我了解到该文本来自:

<div id="dialog-form" title="Create new user">
    <p class="validateTips">All form fields are required.</p>
    <form>
        <fieldset>
            <label for="name">Name</label>
            <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
        </fieldset>
    </form>
</div>

来自...标签=“名称”&gt;名称..具体。

表单实际上来自JQuery UI标准示例:

http://jqueryui.com/dialog/#modal-form

我的问题是:

我可以避免这种方式来设置文本吗?我可以通过脚本完全设置吗?

如果没有,我如何通过脚本更改它?

如果没有,我如何访问html中的“名称”文本并从脚本中更改?

1 个答案:

答案 0 :(得分:2)

    <fieldset>
        <label for="name">Name</label>
        <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
    </fieldset>

<script>
var text = $('#name').prev().text(); // get the text

$('#name').prev().text('YourTextHere'); // Change the text
</script>