diff --git a/web/public/js/components/dns/dns-domain-selector.js b/web/public/js/components/dns/dns-domain-selector.js
index d5287cc6..c175be7f 100644
--- a/web/public/js/components/dns/dns-domain-selector.js
+++ b/web/public/js/components/dns/dns-domain-selector.js
@@ -21,12 +21,14 @@ Vue.component("dns-domain-selector", {
 				callback: function (resp) {
 					that.domainId = resp.data.domainId
 					that.domainName = resp.data.domainName
+					that.change()
 				}
 			})
 		},
 		remove: function() {
 			this.domainId = 0
 			this.domainName = ""
+			this.change()
 		},
 		update: function () {
 			let that = this
@@ -34,8 +36,15 @@ Vue.component("dns-domain-selector", {
 				callback: function (resp) {
 					that.domainId = resp.data.domainId
 					that.domainName = resp.data.domainName
+					that.change()
 				}
 			})
+		},
+		change: function () {
+			this.$emit("change", {
+				id: this.domainId,
+				name: this.domainName
+			})
 		}
 	},
 	template: `<div>
diff --git a/web/views/@default/clusters/cluster/settings/dns/index.html b/web/views/@default/clusters/cluster/settings/dns/index.html
index ea0e3a8e..c05c3d60 100644
--- a/web/views/@default/clusters/cluster/settings/dns/index.html
+++ b/web/views/@default/clusters/cluster/settings/dns/index.html
@@ -11,7 +11,7 @@
 			<tr v-if="hasDomains">
 				<td>选择主域名 *</td>
 				<td>
-					<dns-domain-selector :v-domain-id="domainId" :v-domain-name="domainName"></dns-domain-selector>
+					<dns-domain-selector :v-domain-id="domainId" :v-domain-name="domainName" @change="changeDomain"></dns-domain-selector>
 					<p class="comment">用于生成集群节点和网站服务的DNS解析记录。</p>
 				</td>
 			</tr>
@@ -20,7 +20,8 @@
 				<td>
 					<div class="ui input right labeled">
 						<input type="text" name="dnsName" maxlength="64" style="width:10em" v-model="dnsName"/>
-						<span class="ui label">.主域名</span>
+                        <span class="ui label" v-if="domain != null && domain.name != null && domain.name.length > 0">.{{domain.name}}</span>
+                        <span class="ui label" v-else>.主域名</span>
 					</div>
 					<p class="comment">当前集群的子域名，和主域名一起组成集群节点的子域名。</p>
 				</td>
diff --git a/web/views/@default/clusters/cluster/settings/dns/index.js b/web/views/@default/clusters/cluster/settings/dns/index.js
index 295a9aaf..114ba045 100644
--- a/web/views/@default/clusters/cluster/settings/dns/index.js
+++ b/web/views/@default/clusters/cluster/settings/dns/index.js
@@ -1,3 +1,9 @@
 Tea.context(function () {
 	this.success = NotifyReloadSuccess("保存成功")
+
+	this.domain = {id: this.domainId, name: this.domainName}
+	this.changeDomain = function (domain) {
+		this.domain.id = domain.id
+		this.domain.name = domain.name
+	}
 })
\ No newline at end of file
diff --git a/web/views/@default/clusters/create.html b/web/views/@default/clusters/create.html
index 470ea26a..f8d1e3ee 100644
--- a/web/views/@default/clusters/create.html
+++ b/web/views/@default/clusters/create.html
@@ -56,7 +56,7 @@
 		<tr v-if="hasDomains">
 			<td>选择主域名</td>
 			<td>
-				<dns-domain-selector></dns-domain-selector>
+				<dns-domain-selector @change="changeDomain"></dns-domain-selector>
 				<p class="comment">用于生成集群节点和网站服务的DNS解析记录。</p>
 			</td>
 		</tr>
@@ -65,7 +65,8 @@
 			<td>
 				<div class="ui input right labeled">
 					<input type="text" name="dnsName" maxlength="64" style="width:10em"/>
-					<span class="ui label">.主域名</span>
+					<span class="ui label" v-if="domain != null && domain.name != null && domain.name.length > 0">.{{domain.name}}</span>
+                    <span class="ui label" v-else>.主域名</span>
 				</div>
 				<p class="comment">当前集群的子域名，和主域名一起组成集群节点的子域名。</p>
 			</td>
diff --git a/web/views/@default/clusters/create.js b/web/views/@default/clusters/create.js
index ea2d4391..1f9f54fc 100644
--- a/web/views/@default/clusters/create.js
+++ b/web/views/@default/clusters/create.js
@@ -2,6 +2,12 @@ Tea.context(function () {
 	this.success = function (resp) {
 		teaweb.success("集群创建成功", function () {
 			window.location = "/clusters/cluster/nodes?clusterId=" + resp.data.clusterId
-		} )
+		})
+	}
+
+	this.domain = {id: 0, name: ""}
+	this.changeDomain = function (domain) {
+		this.domain.id = domain.id
+		this.domain.name = domain.name
 	}
 })
\ No newline at end of file